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



Google ChromeでBasic認証のダイアログが一瞬で消えて認証できないときは拡張機能を確認!
220以上の有料Macアプリが使えるサブスクサービス「Setapp」
Bartender 4のShow for Updates機能を使って、AirPodsに接続しているときだけ「ToothFairy」のアイコンを表示させる
iStat Menusの「天気」アイコン表示と設定
iTerm2の見た目を設定できる環境設定の「Appearance」タブ
chezmoi(シェモア)で始めるdotfiles管理
iStat Menusの「CPU & GPU」アイコン表示と設定
iTerm2でキーボードを使った操作を設定できる環境設定の「Keys」タブ
さまざまな情報を一元管理するオールインワンのワークスペース「Notion」
Google Chrome単体で「あとで読む」を実現する「リーディングリスト」機能
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
1Passwordの開発者向け機能(SSH Agent / Environments / 1Password CLI / Developer Watchtower)
Default Folder Xで保存ダイアログ内のファイルリストにフォーカスする方法
Obsidianで整理した知識をAnkiで定着させる方法
Figma × Keyboard Maestroでどこまで効率化できる?
マウス操作の完成度が高いウインドウリサイズアプリ「Magnet」
Macで複数ディスプレイを使っている場合に便利な設定集
AppCleanerでMacアプリを関連ファイルごと完全に削除する
操作に没頭できる!Firefox版 Arcのようなブラウザ「Zen Browser」
GitHubの通知を見逃さない!通知に特化したアプリ「Gitify」