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


Chrome拡張機能「PocketTube」を使って、YouTubeの登録チャンネルをグループ分けして管理する
かゆいところに手が届く「Supercharge」でMac環境を便利にカスタマイズする
Bluetoothデバイスのメニューアイコンを追加したり、バッテリー情報を表示させる「ToothFairy」
新しいMacBook Proを購入して移行するときにやること|コーディングに必要な開発環境を整える
iTerm2全般の設定ができる環境設定の「General」タブ
iStat Menusの「メモリ」アイコン表示と設定
新しいMacBook Proを購入して移行するときにやること|最低限のアプリ設定編
M1 MacのHomebrewでのインストール時に「Cannot install under Rosetta 2 in ARM default prefix (/opt/homebrew)!」エラーが出る場合の解決法
Zoomで画面共有が始まると自動でフルスクリーンになるのをオフにする方法
macOSの環境をすぐに復元したり、別Macと同期するために必要な情報をまとめた「アプリ設定フォルダ」を作る
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Keyboard Maestroの「Macro Debugger」で複雑なマクロのデバッグを行う方法
無料版でも高機能なランチャーアプリ「Raycast」の基本機能と環境設定
OnyXでターミナルを使わずにmacOSの詳細設定を行う
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法
Eagleで実現するクリエイティブ素材の簡単管理
超軽量なコードエディタ 「Zed」をサブエディタとして活用する
Bartender 6で追加されたWidgets機能で自作メニューバーアイテムを簡単に作成する
Googleカレンダーを便利に活用するための小技集(祝日だけを表示・月末の繰り返しイベントを追加)
Obsidianを使った「自己流PKM」で行う知識トレーニング