Webサイトの背景画像を保存する方法|Safari編

「このWebサイトに使われている画像をローカルに保存したいのだけど、どうしてもドラッグできない。どうすればいい?」こんな質問をときどきされることがあります。Web制作に関わっている人だと知っている人も多いのですが、Web制作に無縁だったりするとやはりなかなか知らないのも確か。ここではMac版Safariを使った方法をご紹介しましょう。
(2017.11.08追記)Google Chrome最新版に対応した記事を書きました。Google Chromeユーザの方は下記のリンクをどうぞ。Mac版のSafariユーザの方はそのまま読み進んでください。
→Webサイトに使われている背景画像を取得する方法|Chrome編
大まかな流れ
- Safariで開発メニューを有効に
- Webインスペクタを表示
- [ソース]タブに切り替え
- [イメージ]から目当ての画像を探して保存
Safariで背景画像を保存
それでは、手順を追ってご紹介していきましょう。





方法は以上です。わかってしまえば手順はごく簡単。背景画像以外でも、ドラッグで掴めない画像は大抵この方法で保存できます。もりもり使っていきましょう。
「Safariの使いこなし」ならこちらもオススメ
Thumbnail photo by David Peters on Unsplash