面倒なレスポンシブイメージの画像作成を自動化してくれる神ツールとブレイクポイントの考え方

レスポンシブイメージ、使ってますか？ ウェブサイトの表示パフォーマンスの最適化をする際に、一番手っ取り早いのが画像の最適化です。そこで、イメージオプティム とかMac Automatorとpngquantなどのツールを駆使して一生懸命に画像自体を最適化したりレスポンシブイメージを使って画像を出し分けたりするわけですけども、特にレスポンシブイメージは手動でやるのは正直言ってかなり面倒です。 そ・こ・で！ 本日ご紹介したいのが「Responsive Image Breakpoints Generator 」です。このツールを使えばレスポンシブイメージの複数画像の作成やHTMLの記述を自動化できて、しかも！アートディレクションまで自動化できるんです。 ということで、今回はレスポンシブイメージについての簡単なおさらいと、画像作成の基本的な考え方、それから自動化について書いてみます。 では、行ってみ

[usaku]

“ たとえば、スマホ、タブレット、デスクトップ向けに違ったサイズの画像を表示する場合は、”

[tenchikometen]

“面倒なレスポンシブイメージの画像作成を自動化してくれる神ツールとブレイクポイントの考え方”

[jed_lee]

レスポンシブ向けの画像についての大変分かりやすい考え方 + 非常に重要なアートディレクションの概念 + オンラインで各種画像生成 / AD対応トリミングも自動的に判別生成してくれるサービスの紹介記事。

[matometarukun]

素晴らしい

[bohebohe]

レスポンシブの画像対応のやり方

[oki448jp]

レスポンシブイメージのための画像作成の自動化について

[glat_design]

とても良い記事だった /

[tihata]

こんなツールあったんかー!

[yoshi-na]

これは使ってみよう

[s99e209]

こんなツールがあるとは。レスポンシブイメージの画像作成がたいぶ楽になりそう。

[takamatumoto7]

こんなツールがあるのか