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

2017/03/13 661 users プロパティー object-fit Photoshop 一覧

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

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

2012/07/18 835 users IDEA Instagram 瞬時 ロジック ライセンス

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

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

2008/04/23 600 users 見やすい レイアウト 白銀比 名刺 はがき

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