記事一覧ページおよびトップページの一覧形式で、サムネイル画像のトリミング仕様を変更しました - はてなブログ開発ブログ

はてなブログでは、記事一覧ページおよびトップページの一覧形式で表示しているサムネイル画像について、トリミング仕様を変更しました。サムネイルの表示領域をCSS等でカスタマイズしている場合に、元のアイキャッチ画像の印象により近い状態で表示します。 記事一覧ページのサムネイルはデフォルトで正方形で表示するため、記事アイキャッチ画像が長方形だった場合、内部的に画像両端をトリミングしていました。しかし、下記例のように、サムネイル部分のCSSを長方形に変更して運用されているブログが一定数ある実態を鑑みて、内部的なトリミングを廃止することにいたしました。 例: https://developer.hatenastaff.com/archive 本変更で、以下の記事一覧ページに表示されるサムネイルのbackground-imageを「500x500pxの正方形」から「記事アイキャッチ画像の縦横比を保持した

[gryphon]

サムネイルにはAmazonの画像は反映されるけど、それ以外のyoutube埋め込みやtwitter埋め込みの画像は反映できないのでしょうか

[AzuLitchi]

カード型一覧を採用してるテーマの作者は要チェックなやつー！

[A1riron]

これが原因でテーマ『ミニマリズム』の記事一覧が崩れてるのかな？？？元に戻して欲しい。。。

[c-miya]

やったー！これを待ってた！

[glglsti2019]

特に気にしてなかったけど、元画像が生きるならいいね

[HotaroDarts]

ちょうど最近悩んでいた部分でした。

[minimalgreen]

これはありがたや。カード型レイアウトのテーマに助かります。

[trashcan]

顔写真のアゴが切れて変な顔になるのも直して。同一性保持権の侵害じゃないの。

[Imamura]

サムネイルを正方形で表示しているぶんには表示結果に変化はなく、CSSの修正は不要なのね

[Schizoid-personality]

サムネイル画像のトリミング