Sketchで画像を読み込む前に

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

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

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

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

画像サイズの変更方法

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

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

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

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

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