モックアップから画像を最適化、切り出す２つの方法
- 従来の方法
- レイヤーの書き出し機能を使った画像を書き出す方法
全てのスライスが設定できたら、最適化を行う。
１．［ファイル］→［書き出し］→［Web用に保存（従来）］
２．［Web用に保存］ダイアログボックスが開くので、［最適化］パネルで設定し、プリセットなどを調整していく。
３．最適な画像を書き出す方法は、ファイル形式によって異なる。
写真画像 → JPEG形式
画質、圧縮
「最適化」チェックボックスにチェックを入れておくと、画質を落とさずにファイルサイズを軽くできるので、必ずチェックを入れておきましょう。
色分けがクッキリされており、色数が少ない画像
PNG形式、GIF形式
インターレース最初はぼんやりとした画像が、ダウンロードが進むにつれて、ハッキリしてくる画像の表示方式。
インターレース
最初はぼんやりとした画像が、ダウンロードが進むにつれて、ハッキリしてくる画像の表示方式。オプションは、プレビューを見ながら、［最適化］パネルで設定していく。
最適なオプションを使用することにより、画質とファイルサイズを最適なバランスで書き出すことができる。
書き出し設定はすべてのスライスに適用されますが、スライスごとに設定を変更したい場合は、［スライス選択ツール］を選択し、該当するスライスをクリックで選び、書き出しの設定を変更していく。
この記事を読んだ人はこんな記事にもご興味があるかも
2017-10-04 Free Responsive Web PSD Template Web Site
2017-11-28 起業資金の調達方法
2021-04-29 グルーピングと要素の差別化ーデザインの基礎、基本
2016-11-29 IT勉強会スケジュールカレンダーまとめリンク集- 2014-07-23 WordPressオリジナル・テーマ作成、制作へのアプローチ
2015-01-26 jQueryを使う制作上のメリット
(Visited 285 times, 1 visits today)