原始圖 1920 x 1280 無壓縮上傳至google photo
範例1: 插入圖片選擇特大
範例1-1: 插入圖片選擇特大&手動刪除height="426" width="640"
範例2: 插入圖片選擇特大&加上最大寬度語法 max-width: 100%
範例3: 插入圖片選擇原始大小&加上最大寬度語法 max-width: 100%
由以上範例比較可知，只要img src用的是s640的圖片，不管呈現方式怎麼設定都是模糊的，所以img src一定要用s1600的圖片，也就是選擇原始大小，但是在blogger編輯器中，選擇原始大小會使得編輯畫面很難閱讀，解決辦法是先選擇特大，然後等整篇文章編輯完畢後，把原始html碼丟到WORD等文字編輯軟體，直接把s640取代成s1600，這樣做的好處是選擇特大時，編輯器會自動幫圖片加上寬度width="640"，然而把s640替換成s1600後，width="640"還在，所以編輯畫面就不會這麼難看。
備註: 這裡 max-width: 100% 是為了方便說明所以加上單張圖片，方便起見請直接加在ccs中
範例1: 插入圖片選擇特大
由以上範例比較可知，只要img src用的是s640的圖片，不管呈現方式怎麼設定都是模糊的，所以img src一定要用s1600的圖片，也就是選擇原始大小，但是在blogger編輯器中，選擇原始大小會使得編輯畫面很難閱讀，解決辦法是先選擇特大，然後等整篇文章編輯完畢後，把原始html碼丟到WORD等文字編輯軟體，直接把s640取代成s1600，這樣做的好處是選擇特大時，編輯器會自動幫圖片加上寬度width="640"，然而把s640替換成s1600後，width="640"還在，所以編輯畫面就不會這麼難看。
備註: 這裡 max-width: 100% 是為了方便說明所以加上單張圖片，方便起見請直接加在ccs中
沒有留言:
張貼留言