如何防止變形圖片

1. 把PPT 由原來的4:3 轉換為16:9 以後，圖片發生變形，有什麼避免圖片變形的方法么

更改PPT的比例後，在彈出的更改窗口內使用「確保適合」選項，就不會拉伸PPT內的背景及圖片，具體操作如下：

一、首先打開PPT文件，點擊工具欄「設計」。

2. 自適應網頁如何切圖防止變形

首先找到原因。自適應網站圖片變形原因如下。
第一個原因是圖片本身大小比例與網頁圖片設置的大小比例不一致，我們都知道，現在網頁的圖片一般都有設置寬和高，這是為了網頁排版美觀，我們在後台上傳圖片的時候，應該嚴格按照後台要求設置圖片大小，這樣圖片才不至於變形嚴重。
第二個原因是我們本身的錯誤，導致產品頁和產品詳情頁圖片比例不一致。這個是代碼錯誤，客戶是無法更改的。
發現了問題所在，就要找解決辦法。第一個原因可以在圖片上傳之前設置好圖片大小再上傳，這樣就不會變形了。第二個原因就需要我們的工作人員去修改了，這種錯誤可以避免，將2種圖片框大小比例設置一樣，就不會出現2個網頁的圖片變形了。

3. 我用CoreldRAW做的圖，縮小後為什麼會變形啊，怎麼樣才防止變形呢

有兩種方法：

第一種方法：

按F12，然後在彈出界面中勾選隨對象縮放。

4. ps圖片摳出來如何防止變形

一般把圖片拖拽過去之後轉成智能對象後再ctrl+T，按住shift鍵進行縮放，就能等比例縮放，這樣不會造成圖片變形，放大縮小也不會影響圖片質量

5. img固定寬度和高度，不規則圖片變形問題的解決方法

日常項目中，後端傳圖不規則，比例大小不一。前端又要去做適應，是一個讓人非常頭大的問題。

總結了一個不規則圖片不變形的解決方案：

註：先寫一個長 300px 寬 200px 帶邊框的 div ，圖片接近方形，實現圖片正常顯示不變形。

通過背景圖的 background-position 屬性，可以使圖片居中顯示。國外一些網站有看到類似的案例，簡單好操作。

這樣可以顯示完整的圖片，不變形：

若要圖片填滿容器，可以將 background-size 屬性改為 100% auto ：

如下圖：

同樣 background-size 的 contain （完整顯示）和 cover （填充）屬性也能起到相同的效果。

object-fit CSS 屬性指定可替換元素的內容應該如何適應到其使用的高度和寬度確定的框，不支持IE。

可用屬性：

fill 不保持縱橫比縮放圖片，使圖片完全適應

contain 保持縱橫比縮放圖片，使圖片的長邊能完全顯示出來

cover 保持縱橫比縮放圖片，只保證圖片的短邊能完全顯示出來

none 保持圖片寬高不變

scale-down 當圖片實際寬高小於所設置的圖片寬高時，顯示效果與none一致；否則，顯示效果與contain一致

inherit 繼承

initial 默認值

unset 繼承父元素，若父元素沒有屬性則顯示默認值

CSS：

該方法也可以實現以上兩種方法的效果。

以容器寬 200px 高 300px ，圖片為方形為例：

設置 width: 100% 為圖片完整顯示，多出部分留白。

設置 height: 100%; 為圖片全部填充，這時候需要給圖片的容器添加 overflow: hidden; 屬性，防止圖片超出。

圖片等比例縮放，多餘部分，還有就是要考慮IE兼容問題，可以在手機端項目中使用。

js 方法應該比較通用，可以兼容多版本瀏覽器。

也可以兼容多版本瀏覽器，需要 jQuery 加持。

圖片等比例縮放，多餘部分空白填補：

img固定寬度和高度，不規則圖片變形問題的解決方法-HTML筆記-w3h5-Web前端開發資源網

6. 在調整圖片大小時,如何保證不改變圖片的長寬比,從而防止變形

那就把圖片同比例縮放唄，這樣圖片就不會變形了，反正長與寬是同步放大縮小的

7. 在調整圖片大小時,如何保證不改變圖片的長寬比,從而防止變形

使用最簡單的軟體「美圖秀秀」，上傳想要調整的圖片，點擊右上角「尺寸」，再勾選鎖定長寬比例即可。見下圖

請採納