無料のSVGビューワーの「Gapplin」でSVG画像を確認する

FinderからSVG画像を開いてもコードとしてしか表示されなかったり、かといってベクター系のアプリケーションをわざわざ起動するのは重い……
ということで、SVGのプレビュー用にずっと使っているのが「Gapplin」です。
Gapplin

GapplinはmacOS用のSVG画像ビューワーアプリです。
Mac App Storeで無料でインストールできます。
GapplinでSVG画像を開く
Finderで右クリックからGapplinを選択すれば、SVG画像がプレビューされます。

アニメーションがついたSVGでもプレビューされます。
SVGZのプレビューも可能
SVGを圧縮したSVGZ(.svgz)というファイル形式のプレビューも可能です。
SVGのビューワーアプリでもSVGZには対応していない場合がありますが、Gapplinであれば問題なくプレビューできます。
白い画像を見るときはダークモードに切り替える
Gapplinはライトモードだと背景が真っ白なので、白いSVG画像をプレビューすると非常に見にくいです。

ツールバーの中にある「ダークモード」をクリックすればダークモードに切り替わって背景が黒くなるので確認できるようになります。

画像のエクスポート
開いたSVG画像を別のファイル形式にして書き出せます。
ビットマップデータへの書き出し
メニューバーの[ファイル]→[書き出す…]を選択して、ファイル形式を選択すれば書き出せます。
![[ファイル]→[書き出す…]](https://webrandum.net/mskz/wp-content/uploads/2022/09/image_3-6.png)
形式は下記の3つです。
- PNG
- TIFF
SVGZへの変換
メニューバーの[ファイル]→[SVGZにする]を選択します。
「SVGZに変換しますか?」というモーダルが表示されるので、「OK」を選択すれば変換されます。
![[ファイル]→[SVGZにする]](https://webrandum.net/mskz/wp-content/uploads/2022/09/image_4-3.png)
これでSVGの圧縮作業も簡単にできます。
SVG自体ファイルサイズはかなり軽いですが、そこからさらに軽くなるのでオススメです。


Macで英語の発音記号を入力する方法
iStat Menusの「天気」アイコン表示と設定
iStat Menusの「CPU & GPU」アイコン表示と設定
1PasswordのChrome拡張機能 (パソコンのアプリが必要)のインストール場所が分かりにくい
MacでOutlookの「.msg」拡張子のファイルを開く方法
macOSのスクリーンショット音やゴミ箱移動時の効果音(サウンドエフェクト)をオフにする方法
新しいMacBook Proを購入して移行するときにやること|コーディングに必要な開発環境を整える
Bartenderの「Quick Search menu bar items」でメニューアイコンを検索してアクティブにする方法
Google Chrome単体で「あとで読む」を実現する「リーディングリスト」機能
画面共有しながら説明するときに画面上に図形が描ける「Presentify」
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
1Passwordの開発者向け機能(SSH Agent / Environments / 1Password CLI / Developer Watchtower)
Dashで「Secure Input is Enabled」と表示される場合の対処法
FigmaのVariants機能でコンポーネントの状態を管理する方法
何でもEvernoteに保存したい僕のEvernoteの使い方
さくらのレンタルサーバで.htaccessが原因で500エラーになってしまう場合のチェックリスト
Path FinderとFinderのリスト表示時の「新規フォルダ作成」の挙動違い
Path Finderのデフォルト解凍アプリを変更する方法
Macのプレビュー.appを使って画像のトリミングを行う方法
CSSの読み込みで「its MIME type (‘text/html’) is not a supported stylesheet MIME type」エラーが表示されて読み込みができない場合の解決方法
Bartender 6で追加されたWidgets機能で自作メニューバーアイテムを簡単に作成する