攻城濕不說的秘密 - 圖片的黃金比例

 

在這個多樣化數位媒體的時代,

FB、IG或YouTube是你我每天都會接觸的媒體平台,

在Google搜尋一些資料的時候,

有許多的資料也能從部落格裡面找到。

 

你有發現一件事情嗎?

不論是FB、IG或YouTube,

在你上傳圖片的時候會自動調整圖片的比例

不會有長寬不協調的狀況~

 

在寫部落格的時候,

文字編輯器有自動幫你調整的功能,

注意不要關掉了,

假設圖片是一個瘦瘦的美女,

你在編輯圖片時,隨意的設定了一個寬高

結果比例沒有對應好,

瘦瘦的美女被你拉寬變成……楊貴妃XD~

剛好你寫的主題是瘦身,

是不是就造成了反效果呢?

 

攻城濕不說的秘密 - 固定長寬比

 

以痞客邦為例,

你在編輯圖片的時候出現的編輯視窗裡有一個鎖的小圖案,

這個圖示是鎖著的話代表寬高會自動幫你調整,

如果鎖頭解開的話,寬高比例就不會幫你計算了,

這點要記得~

 

攻城濕不說的秘密 - 長寬不協調

(長寬不協調)

如果是痞客邦側邊欄位的話圖片該怎麼調整呢?

你在側邊欄位的時候應該沒有辦法自動插入圖片吧。

一般在要在自訂的側邊欄位插入圖片,

你應該是使用類似下面的語法:

<img src="圖片網址" width="50" height="50" />

 

要讓你在側邊欄位插入的圖片保持完美的寬高比,

只需要將上面的語法修改成下面的語法就行~

<img src="圖片網址" style="width:100%; height:auto;">

修改完成後你就能看到正常比例的圖片了~

 

想知道圖片該怎麼不失連嗎?

【網頁技巧】我給你 這一輩子都不想失聯的……圖片

 

想知道除了網頁除了預設字型還有什麼字型嗎?

【網頁設計】好字型,不改嗎? 痞客邦X思源黑體 提升網頁質感~

    Kent 發表在 痞客邦 留言(0) 人氣()