もう、SP用のWebデザインを倍の解像度で作るのをやめよう

デザイナーがコーディングできるべきかという議論がSNS上で白熱していますが個人的にはあまり興味がなく、コーディング経験の有無に関係なくWebに適したデザインデータを作ってもらえたらあとはフロントエンドの領分であると思っています。 とはいえ、Webに適したデザインデータをつくれないデザイナーが多いのでああいった議論が白熱するのではないかとも思っています。 Webに適していないデザインデータとはどういったものかというと、古くから言われているものではPhotoshopの『乗算』を使うとCSSで表現できないためダメというものがあったりします。 CSSでもmix-blend-modeという機能で対応できるけどブラウザの対応状況を鑑みるに、よほどの理由がないかぎりPhotoshopの『乗算』を使っていはいけないのが今の現実です。 参考：mix-blend-mode - CSS: カスケーディングスタイ

[inazuma2073]

Android4系使ってる人が滅亡しないかぎりSVGに手は出さないと誓った

[zu2]

“もう、WebデザインはPhotshopで作らないほうが良いのではとも思っておりますが、”

[securecat]

まあ、ごく実装者目線では最終出力の合意がとれてれば、別に倍でも困らないんならば、作る側に負担が無いならそこまでのアレでもないような？　もちろん意味がないってのはわかる。そもそも3倍高精細とかあるしな。

[umai_bow]

これなんとも言い難いかな。別に何倍で作ってあっても、viewport 指定すればいいので、実装で困ることはない。メリットもないけどデメリットも別にない

[s99e209]

SVGが利用可能な端末が普及した今、レスポンシブサイト制作する上でスマホ用のデザインを倍の解像度で作る必要が全く無い。

[yarumato]

“SVGが使える今、倍の解像度で作る必要は全く無い。なぜ倍の解像度用意した理由はiPhone4発売当初はSVGが利用不可端末も多くpngで表現するしかなかったため。WebデザインはPhotoshopで作らないほうが良い”

[satotaka99]

文字入りの画像（ラスター）バナーなんかSP用にもレイアウトしないと、スマホの狭い横幅で縮められて文字読めなくなったりしますよね…テキストを乗せるのも限界が（例外がありますと書いてあるのについ例外を書く）

[fukken]

（ベクターなので拡大しても劣化しない）SVGを使え、という話はまぁその通り。ファイルサイズも軽いしな。