前端開發(fā)解決圖片過大加載慢 html中,圖片太大了怎么辦?
html中,圖片太大了怎么辦?有很多方法可以解決這個問題:1。您可以固定圖片的大小,例如:<imgsrc=“picture address”width=“picture width”height=
html中,圖片太大了怎么辦?
有很多方法可以解決這個問題:
1。您可以固定圖片的大小,例如:<imgsrc=“picture address”width=“picture width”height=“picture height”/>
2??梢栽O(shè)置div區(qū)域,例如寬:50px高:50px;所以您將img放入div區(qū)域,即使您將img設(shè)置為100%,它也不會超出div區(qū)域;如果您不明白,請繼續(xù)[繼續(xù)詢問我
具體設(shè)置方法如下:
1。打開電腦上的photo shop軟件,點擊左上角的文件選擇打開按鈕。
2. 在“打開”對話框中,選擇要調(diào)整大小的圖像。您可以看到圖像的當(dāng)前大小為1.54mb。單擊“打開”按鈕。
3. 在PS中打開圖片后,單擊左上角的文件并選擇“另存為”按鈕。
4. 在“保存”對話框中,選擇圖像格式并單擊“保存”。
5. 在顯示的JPEG選項中,按大小文件中間的按鈕可在預(yù)覽中查看文件的大小。
6. 打開文件的存儲位置,可以看到之前的1.54mb圖像被調(diào)整為320K(左邊的圖像是原始圖像,右邊的圖像是調(diào)整后的圖像)。