画像をダウンロードさせたいときはHTML5のdownload属性を付けると便利

画像をダウンロードさせたいときはHTML5のdownload属性を付けると便利

タグにdownloadを付けるだけ

アイコン画像や壁紙画像に直接リンクを貼るとリンクをクリックした時は画像を開く動作をしてしまう。

<a href="https://iwb.jp/favicon.ico">アイコン画像</a>

アイコン画像

ダウンロードしてもらうことが目的の場合はタグにdownload属性を付ければリンクをクリックした時にダウンロード(ファイル保存)のダイアログが表示されるためユーザーはスムーズにファイルを保存することができる。

<a href="https://iwb.jp/favicon.ico" download="アイコン画像">アイコン画像</a>

アイコン画像

しかし現在はIE11以下、タブレット、スマートフォンの標準ブラウザなどでは使用できないため使い勝手が悪い。

カテゴリーhtml