主頁（Blogspot博客）上的縮略圖圖像突然模糊？

我正在爲我的blogspot博客使用以下模板：http://bold-bthemez.blogspot.com/，因爲您可以看到頭版上的圖像突然變得模糊（直到昨天，它們都很好，我不知道爲什麼這個突然改變了）。我猜這與JavaScript有關，因爲類似的事情發生在別人誰問這裏的問題，但答案不適用於我的博客（我指的是這個問題：Thumbnail images on home page (grid) now appearing blurry. How to correct that?）主頁（Blogspot博客）上的縮略圖圖像突然模糊？

請幫助，我嘗試了4個小時來解決這個問題，但不能這樣做...

來源

2017-03-03 tomstar

圖像真的很小...你期望什麼？ –

72x72縮略圖1600x1200圖像吹到375x210並不模糊，它們像素化 - 與javascript無關，與使用圖像（ab）相關的所有內容 –

我看到你已經改變了它們 - 哦，等等 - 你沒有 - 如何bizzare！他們現在更好！ –

發生此問題是因爲Blogger的更改了Post的縮略圖URL（可通過佈局標記 - <data:post.thumbnailUrl/>訪問）的結構（具體而言， s72-c被更改爲s72-c-k-no）問題發生是因爲很多Blogger模板創建者使用正則表達式匹配來調整圖像大小（從默認分辨率爲72x72px到大尺寸）。由於正則表達式匹配條件不再被滿足，圖像大小調整腳本並沒有改變圖像分辨率和默認72x72px正在呈現（因爲它是被拉伸到比其原始分辨率更大的分辨率從而出現像素化/模糊）

但是，由於許多博客都使用此解決方案（使用正則表達式匹配來更改縮略圖分辨率），因此這會影響很多用戶。鑑於此，Blogger恢復了他們對縮略圖網址所做的更改。這裏是post from a Google employee就此事在官方博客論壇 -

大家好，

這可能是導致此問題將在不久的將來被還原的變化，所以我會建議一個落後 - 兼容解決問題。如果該消息/後沒有任何意義你，這可能是有意義的自定義模板的作者，所以讓他們知道這件事，萬一有了Blogger在未來的任何類似的變化。

Blogger的佈局引擎（模板語言）具有原生「resizeImage」運算符，該運算符可用於更改縮略圖的大小。很多人都有自定義模板，它們使用 javascript正則表達式來更改值。（'s72-c'的字符串替換）。這可以更好地實現服務器端，通過替換URL部分。

這個標籤

<data:post.thumbnailUrl />

能爲resizeImage操作，這需要您希望新寬度被改變，新的寬度：高度比率。例如爲200x200的圖像上resizeImage操作

<b:eval expr='resizeImage(data:post.thumbnailUrl, 200, "1:1")' />

更多的文檔可以在這裏找到： https://productforums.google.com/forum/#!topic/blogger/4R_sAkgZH9I

希望這有助於。

來源

2017-03-04 08:40:55

主頁（Blogspot博客）上的縮略圖圖像突然模糊？

回答

相關問題