photoshop　スライスツールでスマホ書き出し

Question

ここでこのような質問がいいのかわかりませんが、photoshopについて質問です。

photoshopで楽天スマホのトップページをデザインしています。
書き出しの際に、スライス機能で、HTMLとjpgを書き出しそのままFTPにUPしたいと考えています。

問題は、書き出しの際に、画像の幅が1000pxなら、HTMLのwidthも1000pxになる為、
スマホの変動する画面ではwidthサイズが合いません。
書き出しの際に、HTMLの記載が100%になるようになりませんでしょうか。

画像をそのままスマホサイトにしたいです。よろしくお願い致します。

Answer

ECマスターズの伊藤です。

> 問題は、書き出しの際に、画像の幅が1000pxなら、HTMLのwidthも1000pxになる為、
> スマホの変動する画面ではwidthサイズが合いません。
> 書き出しの際に、HTMLの記載が100%になるようになりませんでしょうか。

お調べしたのですが、Phoshopの画像書き出しの際に、
パーセント指定にて、書き出しを行う設定を
見つけることができませんでいた。

もし、会員様にて、こちらの方法を
ご存知のかたがいらっしゃいましたら、
コメントにて共有いただけますと幸いです。


なお、1000pxを任意のサイズ(px)に書き出すのであれば、
web用に保存 > 右したの方にある「画像サイズ」にて
サイズを設定いただくことで、1000px以外のサイズに
書き出しは可能となっております。

https://ec-masters.gyazo.com/c449ff4545741156d25dbb3aad6d743a

Answer

コメント参加です
解決コメントでありませんご了承を

自分も気になって調べてみましたが、ｐｘからパーセントへには無さそうです。
もともと写真画像を編集するソフトとして誕生しているのでなかなかどうしてでしょうか（苦笑

一時期関連する↓ツールがありましたが、WEB系の進歩でドリームウェーバーとアドビXDへ移行かと…

スライス出力で昔プラグインでスマホ系へ出力できるのもあったみたいですが、配布元ページも無くなってるのと今は記事がのこっているだけで不明。
アドビソフト間でHTML編集を行うアプリ（Adobe Edge Reflow CC）もあったようですが提供が終わってしまいました。

出力したHTMLを個別に修正になるのではと思います。

試したことはないですが、海外サイトでPSDファイルをHTMLへ変換するサービスがあるみたいです。
それが求めるものになるかはわかりませんがトライしてみるのも良いかもしれません。

他に何か方法があればいいですが自分は今は思いつかないです（苦笑
この先、気になる記事やTIPSが見つかったらまた投稿したいと思います。

photoshop スライスツールでスマホ書き出し

photoshop　スライスツールでスマホ書き出し