2017-03-06 56 views
0

我正在使用一些歷史照片,並且沒有標準尺寸。調整大小會導致它們中的許多顯示爲smooshed,因此它們不能正確縮放。這些都在Bootstrap旋轉木馬上,所以如果高度不一樣,你會得到一個跳動的頁面。所以我開始思考,爲什麼不保留原始大小,然後將它合併到透明圖層,即正確的大小。通過合併透明圖層調整小照片的尺寸

我知道我需要在某些時候將JPG轉換爲PNG以便透明工作,但我不知道如果這樣的方法能夠做到我想要的效果,請保持圖像縮放,停止頁面反彈,並仍然保持整個頁面的響應。

例如,如果主圖像是700x300,而我的透明圖像是800x600,則合併是800x600,「填充」是透明的。或者有沒有完全不同的方式來做到這一點?

感謝,

戴夫

+0

這種方法聽起來很合理 - 也許張貼一些圖片和數字.... –

回答

0

這種想法的工作,但細化了我的想法。我最終做了什麼來節省我大量的重新編碼,就是爲保存圖像的DIV所需的尺寸製作透明圖像。這樣可以保持每一樣東西,只需要最小的反彈,這就是標題,這將很容易修復。

我知道有很多帖子,在很多地方關於如何用Bootstrap滑塊做到這一點,所以這裏只是另一種方法,很簡單。如果你想要它是一個明確的背景,確保你使它成爲一個PNG,如果你想要一個顏色背景,使它成爲顏色,可以是JPG,GIF或PNG。

感謝,

戴夫