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


Finder上のGoogle Driveパスが「/Volumes/GoogleDrive-10951…」のように数字の羅列が追加されておかしくなった場合の対処法
1PasswordのWatchtowerを使って、脆弱なパスワードを管理する
1PasswordのChrome拡張機能 (パソコンのアプリが必要)のインストール場所が分かりにくい
カーソルハイライトや入力したキーの表示など、デモに便利な機能が使える「Mouseposé」
Google Chrome単体で「あとで読む」を実現する「リーディングリスト」機能
Path Finderのサイズブラウザ機能で容量の大きいファイルを探して整理する方法
Obsidianを使った「自己流PKM」で行う知識トレーニング
Backlogフリープランでプライベートの課題管理を行う方法
iTerm2全般の設定ができる環境設定の「General」タブ
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
タッチバーをタッチしないようにするという向き合い方
「mas-cli」を使ってターミナルからMac App Storeの操作をできるようにする
Alfredの設定画面でショートカットキーが認識されない場合はKeyboard Maestroの設定を確認しよう
外部マウスを自由にカスタマイズできるステアーマウスで、マウスの細かい設定を行う
CSS Nite in Kobe, vol.51「すべての人がカメラを持つ時代の SNS映え・ウェブ映えする写真撮影テクニック と 写真撮影の基礎」に参加してきました
iPhoneでミュージック.appの音声ファイルを2倍速で再生する方法
Visual Studio CodeをMarkdownエディターとして使用する
Keyboard Maestroの「Macro Debugger」で複雑なマクロのデバッグを行う方法
どちらの表記がより一般的なのか? /「ウインドウ」と「ウィンドウ」/「バイオリン」と「ヴァイオリン」/「バーチャル」と「ヴァーチャル」