如何將視網膜圖像包含在木材中？

我真的想改善我的網站（用木材建造）用於Retina顯示器，並瀏覽GitHub上的過去問題以及Docs。所以我添加了一個srcset並使用了視網膜過濾器（這已被棄用？），並且視網膜大小調整效果很好，但並不真正與標準大小過濾器結合使用。另外，我看到有一個ImageHelper類提供了一個retina_resize函數/過濾器（？），但我不太清楚如何使用它。如何將視網膜圖像包含在木材中？

這是我的代碼現在：

<img srcset="{{ TimberImage(image).src | resize(208) | retina(1) }} 1x, {{ TimberImage(image).src | retina(2) | resize(416) | retina(2) }} 2x">

有關視網膜就緒圖像木材的最佳實踐的任何提示都十分讚賞:)

謝謝！

來源

2017-05-19 Georg

最好的辦法是創建一個可以爲你生成HTML標記的宏。我使用一個帶有圖像ID的宏，它將檢查媒體寬度併爲視網膜圖像輸出適當的HTML。您可以查看我創建的宏here。

你可以這樣使用宏這樣生成相應的HTML

{% import '_macros/_img.twig' as m_img %} 
{{m_img.fixed(imageId, 50, {alt: 'post thumbnail', class: 'fixed'})}}

來源

2017-05-21 20:42:09

感謝的人，你的解決方案是非常整潔的工作完美！ :) – Georg

您也可以使用https://github.com/MINDKomm/timmy – Artifex404

謝謝@ Artifex404！我不知道那是存在的。看起來很棒！ –

如何將視網膜圖像包含在木材中？

回答

相關問題