どうも、いうらです。
最近サブブログを再開しました!
動画・配信・サムネイルなどに使える、フリーの背景画像を置いているサイトです。
こちらのサイトについて、先日ブログ仲間のmiyakoさんからこんな質問をいただきました。
配布素材、はてなはダウンローダーできないですが、右クリックでもらう形ですか?
— 421miyako (@421miyako1) 2022年3月2日
サイズは縦横どの位のピクセルで作っていますか?
(勝手に乗せちゃってすみません!もし嫌だったら消しますのでお声かけください!)
あたしはその問いに対して、
右クリックでたぶん行けると思います!
— 三日坊主なりの楽しい暮らし❕ (@mikkabo_zunari) 2022年3月2日
(スマホだと長押し)
サイズは1920×1080です!
ちょっとわかりにくいのであとで記事書き直しておきます🙏
と答えたのですが、あとで自分で確認してみたところこのサイズではありませんでした。
ごめんなさい!!アップした画像はたしかに1920×1080だったのに~。
そ、そういえば!
ブログの表示スピードを上げるため、2年くらい前に自分でアップロード画像のサイズを変更していました。
せっかくわざわざサイズ設定をして画像を作っているのにこれでは意味がない!
ということで、今回は裏山さんの記事を参考に画像クリックでオリジナルサイズが表示されるようにしてみました!
画像をクリックし、オリジナルサイズを表示させる
裏山さんの記事が詳しい&わかりやすく書いてあるので、ぜひそちらを参考にしてください!
はてなフォトライフの設定変更
はてなフォトライフ→設定。
オリジナルサイズの画像を保存にチェックを入れます。
あとはいつも通り画像をアップロード。
オリジナルサイズのURLを取得
アップロードした画像をクリックするとこのような画面になります。
オリジナルサイズを表示をクリック。
するとオリジナルサイズが表示されます。
そこのURLをコピー。
リンク埋め込み
今度は記事の編集画面へ移動します。
編集見たままモードで、オリジナルサイズ表示をしたい画像を本文に普通に貼ります。
そして画像を選択したままリンク(鎖みたいなマーク)をクリック。
URLのところに先ほどコピーしたものをペースト。
選択範囲にチェックを入れ、選択した形式でリンクを挿入で完成です。
こんな風に表示されるようになります!
クリックすると大きくなります!
大きくしてから保存するとオリジナルサイズの物が保存できます。
表示速度はどうなるのか検証してみた
リンク挿入前の表示スピード。
そもそも表示速度悪いじゃねーかァァァ!というツッコミは今回置いといて、リンク挿入により変化があるかどうかだけを見てください。
こちらが挿入後の表示スピード。
結果はほとんど変わりませんでした!
この機能はけっこう使えるかもしれない
さっきも話したように、あたしの場合はフリー素材を保存してもらうためにどうしてもオリジナルサイズの画像を貼らなければいけませんでした。
ブログをやっている方だと、逆に画像を保存されるのはちょっと…と思うことの方が多いのかな?
でも画像の細部まで見せたい時、この機能はかなり使えるんじゃないかなと思いました!
きれいな景色や、画像に載っている文字を見せたいとかね。
操作も簡単なのでちゃちゃっとできちゃいます。
普段リンク機能を使用している人ならなおさら。
ぜひみなさんも使ってみてください。
ではっ!
\ フリー素材を置いているサイトです /
ブログや動画、配信、ツイートなどにご利用ください!
ちなみに今回のアイキャッチはこちらの物を使用しました☆
※現在画像を直している途中なので、いくつかはオリジナルサイズで保存できない場合がございます!
\ ランキングに参加しています /