コメントや返信に画像を縮小して表示する方法

yasu(70)
Published in
#japanese
Words
113
Reading
1 min
Listen
Play
9y

ある方が画像のあるコメントをしてくれたのですが、画像があまりにも大きくて、こんなに大きくなくてもいいのになと思ったことがありました。たまたま今回小さく表示する方法を見つけたので、ご紹介したいと思います。

プロフィールイメージ(🐤)のURLは、
「https : //steemitimages.com/120x120/画像URL」となっています。プロフィール登録時に、steemitへ画像本体をアップロードするのではなく、リンクだけ登録して、プロフィールを表示するときに、steemitサイトがリンク先の画像を取り込んだあと縮小して、またスタイルシートで丸く形どっています。今回注目するところは、steemitサイトが画像縮小の機能をもっているということです。これを用いれば、例えばコメントや返信のときに画像を縮小して挿入することができます。

実際のサイズ

https : //www.fastpic.jp/images.php?file=9300743661.jpg

プロフィールイメージのサイズ(120x120)

https : //steemitimages.com/120x120/https : //www.fastpic.jp/images.php?file=9300743661.jpg

プロフィールイメージの2倍サイズ(240x240)

https : //steemitimages.com/240x240/https : //www.fastpic.jp/images.php?file=9300743661.jpg

形式

https : //steemitimages.com/120x120/画像URL

以上、ご参考までに

コメントや返信に画像を縮小して表示する方法 | Ecency