はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ 縦横比

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 16 / 16件)
 

Stable Diffusion メモ: キャンバスの縦横比は構図にどれくらい影響するか - jt_noSke's diary

2022/08/27 このエントリーをはてなブックマークに追加 311 users Instapaper Pocket Tweet Facebook Share Evernote Clip jt_noSke Stable Diffusion 構図

Stable Diffusion が公開されてからいろいろ動かして出力の傾向を見てみようとしたメモ。 やったこと 同じpromptを指定して、 縦長(512x768) 横長(768x512) 正方形(512x512) のサイズごとにそれぞれ200枚ずつ出力、それら画像の傾向を見て構図にどんな変化があるかを確認しようとした。ザッと見の印象、感触のみで評価し... 続きを読む

【ブログ】ブログの画像が美しく感じてしまうサイズって知ってる? - 理系学生の茶の間のちゃ

2018/03/16 このエントリーをはてなブックマークに追加 200 users Instapaper Pocket Tweet Facebook Share Evernote Clip うた 茶の間 容量 理系学生 ブログ運営

2018 - 03 - 16 【ブログ】ブログの画像が美しく感じてしまうサイズって知ってる? ブログ運営 シェアする hatebu facebook Twitter Google+ Pocket こんにちは、ウタです。 突然ですが、 画像のサイズって気にしたことありますか? サイズと言っても画像の容量の話では無く、縦横比の話です。 特に気にせずなんとなくで画像を貼り付けたり、加工している人も多いと... 続きを読む

縦横比を無視したリサイズをしても違和感のない画像に仕上げることができる画像リサイズ用ライブラリ「Caire」 - GIGAZINE

2018/02/04 このエントリーをはてなブックマークに追加 128 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE GitHub リサイズ ピクセル 被写体

画像ファイルの リサイズ はすべての ピクセル に対して均等に伸縮させるものです。このため、人物や建物が写っている画像に縦横比を無視したリサイズを行うと、被写体のバランスも崩れてしまい、違和感のある画像になってしまいます。画像リサイズ用ライブラリ「 Caire 」は画像内にある人物や建物などの比率を維持したままリサイズでき、違和感のない画像を作り出せます。 GitHub - esimov/cair... 続きを読む

縦横比を無視したリサイズをしても違和感のない画像に仕上げることができる画像リサイズ用ライブラリ「Caire」 - GIGAZINE

2018/02/04 このエントリーをはてなブックマークに追加 128 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE GitHub リサイズ ピクセル 被写体

画像ファイルの リサイズ はすべての ピクセル に対して均等に伸縮させるものです。このため、人物や建物が写っている画像に縦横比を無視したリサイズを行うと、被写体のバランスも崩れてしまい、違和感のある画像になってしまいます。画像リサイズ用ライブラリ「 Caire 」は画像内にある人物や建物などの比率を維持したままリサイズでき、違和感のない画像を作り出せます。 GitHub - esimov/cair... 続きを読む

1行追加でOK!CSSだけで画像をトリミングできる「object-fit」プロパティー | Webクリエイターボックス

2017/03/13 このエントリーをはてなブックマークに追加 661 users Instapaper Pocket Tweet Facebook Share Evernote Clip プロパティー object-fit Photoshop 画像

画像の一覧を表示する時などは、画像のサイズが統一されていると並べて表示させてもすっきりキレイに整って見えますが、必ずしもサイズが同じとは限りません。かといってPhotoshopを使ってすべての画像をリサイズできない…ということもあるでしょう。そんな時はCSSでトリミングすると楽です!今回は「object-fit」というプロパティーを使って、画像の縦横比を保ちつつトリミングする方法を紹介します。 画... 続きを読む

CSSで縦横比を維持しながら横幅いっぱいに背景画像を表示させる方法 | NxWorld

2016/05/14 このエントリーをはてなブックマークに追加 132 users Instapaper Pocket Tweet Facebook Share Evernote Clip NxWorld ウインドウサイズ auto 横幅 img

特にレスポンシブやスマホサイトで見かけることが多い、どんなウィンドウサイズでも縦横比を維持しつつ横幅いっぱいに画像を表示している見栄えですが、imgであれば画像を配置して width:100%; と height:auto; を指定しておけば簡単に表示させることができても、その見栄えを背景画像を利用してとなると先述した方法では実装できません。背景画像でも同じように縦横比を維持しつつ横幅いっぱいに画... 続きを読む

【山田祥平のRe:config.sys】PCのディスプレイがTVと同じで良いはずがない - PC Watch

2015/12/17 このエントリーをはてなブックマークに追加 170 users Instapaper Pocket Tweet Facebook Share Evernote Clip ついー ブラウン管 config.sys コンピュータ 相場

山田祥平のRe:config.sys PCのディスプレイがTVと同じで良いはずがない (2015/12/18 06:00) ブラウン管の時代には、コンピュータのディスプレイはTVと同じ縦横比4:3と相場が決まっていた。今、TVは16:9となりコンピュータもそれに倣っている。誰もがそれでは使いにくいと分かっていながらだ。抜本的な解決策はないものだろうか。 画面の縦横比を考える 先日、次のようなツイー... 続きを読む

16:9や4:3などの映像縦横比率が決まった本当の経緯と理由とは? - GIGAZINE

2015/11/17 このエントリーをはてなブックマークに追加 166 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE シネマスコープ 経緯 比率 ムービー

多くの人にとってテレビやPCのディスプレイの画面アスペクト比(縦横比)は4:3や16:9といったサイズが一般的ですが、映画の世界ではさらにワイドな2.35:1(12:5)という「シネマスコープ」などのサイズが存在したり、そもそもなぜそれらの比率が生まれたのかという本当の理由がわからなかったりするものです。そんな多くの謎に答えてくれるムービーが「The Changing Shape of Cinem... 続きを読む

とある初音ミクの画像を探しています : あじゃじゃしたー

2015/01/04 このエントリーをはてなブックマークに追加 128 users Instapaper Pocket Tweet Facebook Share Evernote Clip 初音ミク MIZ 画像 絵柄 太もも

1: 名無しさん@おーぷん 2015/01/03(土)23:47:18 ID:MIZ 立ったら詳細書く 2: 名無しさん@おーぷん 2015/01/03(土)23:47:29 ID:2xYあくしろ 4: 名無しさん@おーぷん 2015/01/03(土)23:51:01 ID:MIZ 絵柄が↑に似ている 2011~2012年頃に見た 画像の縦横比は縦の方が長い 頭から太ももくらいまで写ってる 服は公... 続きを読む

パワポなどオフィス系のファイルから画像をキレイに取り出す方法 | 着ぐるみ追い剥ぎペンギン

2014/05/13 このエントリーをはてなブックマークに追加 83 users Instapaper Pocket Tweet Facebook Share Evernote Clip パワポ 着ぐるみ追い剥ぎペンギン エクセル Mac 段階

パワポなどオフィス系のファイルから画像をキレイに取り出す方法 「パワーポイント」や「エクセル」の中に貼ってある写真を使いたい時があります。 しかし、縦横比が違ってしまっていたりと画像が汚くなっている事もしばしば。 ファイルに貼付ける前の段階の画像をキレイに取り出す方法のご紹介です。 この方法はWindowsもMacも共通です。   ↓のようにパワポに張り付いた画像があります。この写真を取り出してみ... 続きを読む

デルから29インチ21:9ワイド液晶 U2913WM、AH-IPSパネル採用で3万9980円 - Engadget Japanese

2012/11/15 このエントリーをはてなブックマークに追加 334 users Instapaper Pocket Tweet Facebook Share Evernote Clip AH-IPSパネル採用 デル マルチタスク 解像度 広視野角

デルが縦横比 21:9 のウルトラワイド液晶モニタ U2913WM を発売しました。解像度は 2560 x 1080、対角 29インチ。16:9 の1920 x 1080 フルHD液晶をさらにワイドにしたピクセル数で、デルはマルチタスクに最適としています。 横長いほかの特徴は広視野角・高輝度のAH-IPSパネル、sRGBカバー率99%以上の色域、USB 3.0ハブの搭載など。価格は3万9980円で... 続きを読む

今更だけど瞬時に画像素材を生成してくれる『jpg.to』がすごい | IDEA*IDEA

2012/07/18 このエントリーをはてなブックマークに追加 835 users Instapaper Pocket Tweet Facebook Share Evernote Clip IDEA Instagram 瞬時 ロジック ライセンス

わりと前からありますが、日本語も通ると知って驚いたのでご紹介。 キーワードに「jpg.to」をつけるだけで画像を生成してくれるjpg.toが便利すね。 ↑ 例えば「meeting.jpg.to」でアクセス・・・。 ↑ 猫。 ↑ Instagramでもいけた・・・どういうロジックだ、これ。 ↑ 日本語もいけます。 ライセンスとか縦横比とかがあるので使い勝手は限定されますが、URLにちょこっと細工する... 続きを読む

持ってると便利な手描き風のアロー・矢印のPhotoshopのシェイプ素材 | コリス

2011/07/19 このエントリーをはてなブックマークに追加 114 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス アロー シェイプ Photoshop 商用

商用でも無料利用できる、アロー・矢印のシェイプ素材を紹介します。 70+ Hand Drawn Arrows Shapes ダウンロードできるアロー・矢印は全部で71種類あり、シェイプなのでサイズや縦横比やカラーを簡単に [...] 続きを読む

窓の杜 - 【REVIEW】“シームカービング”技術を利用できる画像編集ソフト「Seam Carving GUI」

2008/10/29 このエントリーをはてなブックマークに追加 472 users Instapaper Pocket Tweet Facebook Share Evernote Clip REVIEW seam carving 切れ目 作者 線状

「Seam Carving GUI」は、“シームカービング”と呼ばれる特殊な画像編集技術を利用できる画像編集ソフト。Windowsに対応するフリーソフトで、作者のWebサイトからダウンロードできる。 “シームカービング(seam carving)”技術とは、画像を解析して色の切れ目を等高線状に切り出し、その切れ目部分を削除したり水増ししていくという特殊な画像加技術。たとえば、通常は縦横比を変えて画... 続きを読む

覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design ::

2008/04/23 このエントリーをはてなブックマークに追加 600 users Instapaper Pocket Tweet Facebook Share Evernote Clip レイアウト 名刺 はがき 白銀比 見やすい

Web サイトのレイアウトを考えたり写真や画像をトリミングする時、意識して縦横比を統一すると全体のバランスがよくなります。そんな時に、覚えておくとちょっと便利なバランスのよい「縦横比」と「国際標準バナーサイズ」を紹介します。 デザイン的に「見やすい」または「美しい」とされる縦横比。 1 : 1.4 日本建築やハガキ・用紙サイズに用いられる白銀比 1 : 1.6(または5:8) 名刺などに用いられる... 続きを読む

用紙サイズと画面サイズ

2005/08/27 このエントリーをはてなブックマークに追加 279 users Instapaper Pocket Tweet Facebook Share Evernote Clip 用紙サイズ 画面サイズ dpi 解像度 規格

用紙サイズの規格には、A判とB判があり、それぞれの縦横比は1:1.4となっています。 また、A4判、B5判などのように、後に続く数字によって紙の大きさを表しています。 数字は、サイズが1/2になる毎に1ずつ増えていきます。 また、解像度は、1inch(25mm)あたりのドット数を、DPI(Dot Per Inch)という単位で表します。 以下に、各解像度毎の用紙サイズと画面サイズの対応表を示します... 続きを読む

 
(1 - 16 / 16件)