thumbnail 修改圖片大小

我們在客製化樣板的時候,常常會遇到固定圖片大小的問題,或是要調整部落格圖片長寬比例,這種時候可以參考以下解決方式

舉例來說原本方式如下

<img alt="{{ article.title }}" src="{{ article.featured_image.url}}">

更改為thumbnail,並且設定大小為’90x100’, 當比例大小不對時,會裁切成適當的比例,並不會拉長造成會面失真

<img alt="{{ article.title }}" src="{% thumbnail article.featured_image '90x100' crop='center' %}">

可參考以下連結 https://sorl-thumbnail.readthedocs.io/en/latest/examples.html

Was this article helpful? Votes: 0
Article details:
Published date: 15/07/2019 1:34PM
Last updated: 22/07/2019 8:11AM (Andy - andy.yen@nuwainfo.com)
Share article: 
Author: Andy (andy.yen@nuwainfo.com)