記事一覧ページおよびトップページの一覧形式で、表示されているサムネイルの画像サイズを大きくしました - はてなブログ開発ブログ

テクノロジーカテゴリーの変更を依頼記事元:

staff.hatenablog.com

26 usersがブックマークコメント

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fstaff.hatenablog.com%2Fentry%2F2017%2F07%2F11%2F173500" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="http://www.lepang.cn/lp/htmls/common/api/yh.php?url=https://staff.hatenablog.com/entry/2017/07/11/173500">記事一覧ページおよびトップページの一覧形式で、表示されているサムネイルの画像サイズを大きくしました - はてなブログ開発ブログ</a><a href="http://www.lepang.cn/lp/htmls/common/api/yh.php?url=https://b.hatena.ne.jp/entry/s/staff.hatenablog.com/entry/2017/07/11/173500">はてなブックマーク - 記事一覧ページおよびトップページの一覧形式で、表示されているサムネイルの画像サイズを大きくしました - はてなブログ開発ブログ</a></div></iframe>

プレビュー

規約違反を報告

記事一覧ページおよびトップページの一覧形式で、表示されているサムネイルの画像サイズを大きくしました - はてなブログ開発ブログ

はてなブログでは、記事一覧ページやトップページの一覧形式で、記事ごとにタイトルや本文概要とあわせ... はてなブログでは、記事一覧ページやトップページの一覧形式で、記事ごとにタイトルや本文概要とあわせてプレビュー表示されているサムネイルの画像サイズを大きくしました。これまでは転送量を抑えるためデザインテーマにあわせて120ピクセル四方としていましたが、本日からすべてのサムネイル画像を500ピクセル四方で配信しています。公式テーマをはじめとして、サムネイルの表示サイズを固定しているデザインテーマでは見かけ上の大きさは変わりませんが、実際の画像サイズは大きくなっているため、独自にスタイルを調整することでより大きくレイアウトできます。また、解像度の拡大に合わせてサムネイル画像のファイル形式をJPEG形式に統一しました。これまでは元のファイル形式がそのまま適用されていましたが、解像度の拡大によって画像の容量も大きくなり、ページの表示速度が遅くなることへの対策のためです。記事一覧のプレビューに表