Sketchで画像を読み込む前に

Sketch で画像を読み込んで使用してみたいと思いますが、その前に下準備をする必要がありますので、ポイントとその方法を解説します。

画像ファイルのデータ容量

Sketch の性能に関係なく、複数の大きな画像を一度に処理しようとするとPCに負荷がかかってパフォーマンスが低下してしまいます。データ容量の大きな画像は、Sketch に読み込む前に、縮小・圧縮してファイルサイズを小さくしましょう。

必要な画像サイズについては、Webサイトの最適な画像サイズ を確認してください。

画像サイズの変更方法

画像サイズの変更

Mac であれば標準でインストールされている Preview.app が利用できます。
Tools > Adjust Size を選択してください。

画像サイズの変更に便利なサービス

画像サイズの変更

https://www.iloveimg.com/ というサービスがお勧めです。

画像サイズを変更できるだけでなく画像の圧縮も可能です。 画像の圧縮を行うと、見た目はほとんど同じなのにも関わらず、画像のデータ容量を半分近く軽減できることがありますので、ぜひ利用してみてください。

複数の画像をまとめて処理してくれるのも良いところです。 Premium版は料金が発生しますが、Free版でも十分に有益なツールです。

Udemy Webデザイナー
Webデザイナーのキャリアを未経験からスタートするためのオールインワン講座

レクチャーの数: 236 ⁄ 19.5 時間 ⁄ 初級

ウェブサイトの企画・設計、Sketchを使ったデザイン、HTML ⁄ CSS マークアップ、モバイル最適化など、Webデザインに挑戦したい人が一気通貫して学べる総合学習コース Shunsuke Sawada

¥ 1,400

¥ 24,000

4.3

493件の評価