無料の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自体ファイルサイズはかなり軽いですが、そこからさらに軽くなるのでオススメです。


Path Finderで左サイドバーとは別に、「Favorites」だけを表示させる右サイドバーを表示する
Google Chromeで文字コードを変更するChrome拡張機能「Charset」
Macのバッテリー効率を上げるアプリ「Endurance」
chezmoi(シェモア)で始めるdotfiles管理
機能の差が分かりにくいDropboxの「選択型同期」と「同期の無視」の違い
iStat Menusの「バッテリー/電源」アイコン表示と設定
Macで画面上に図形やフリーハンドで注釈が書ける「DemoPro」
Google Chromeのアップデートの影響?MacのGoogle Meetで画面共有ができないときに確認すること
iTerm2で画面の見た目や細かい設定などを「プロファイル」単位で保存・管理する環境設定の「Profiles」タブ
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
JetpackでのError during WebSocket handshakeの解決方法
Biscuitを便利に使いこなすためのショートカットキー
Visual Studio Codeでショートカットキーを変更する方法
Macを使って、打ち合わで画面共有をする前にやっておきたい設定や確認事項まとめ
Google Chromeの開発者ツールに出てくる「[Deprecation] chrome.loadTimes() is deprecated」に関して
Google Maps APIを使ってGoogle Mapsをウェブサイトに表示させる方法
AlfredでNotion内の検索ができるようになるワークフロー「Notion Search」
Vue Routerでページ遷移後にトーストを表示させる方法
初めての一眼レフカメラ「Canon EOS Kiss X7 ダブルズームキット」を購入しました
コード管理に特化したノートアプリ「Quiver」でコードの管理を行う