[Webdesign] Lỗi hình ảnh bị méo

coi lại source resize image xem có bị gì không

phanhang em kiểm tra rồi bác, mọi thứ đều ổn. Có phải do Hosting không hỗ trợ giao diện GD ko ạ.

Bạn xài host nào thế

phanhang em dùng gói Linux 600MB của tenten

thêm height:auto vào ảnh là hết

@chero mình mạn phép bạn nhé: hình như gói này có giới hạn time thì phải và giới hạn cả data, băng thông yếu, mình tư vấn giúp bạn là bạn có thể dùng host free của 1freehostinger.com cái này nó cho mình 3 gb để save data đây, sever nước ngoài mình thấy dùng ổn, tên miền cũng tạm còn nazuka.net thì hình như nó cho mình 2gb thì phải, tên miền của nó free mà cũng đẹp nữa
Nếu bạn làm ít hơn thì bạn có thể reg 1 con ở hostinger.vn ngôn ngữ tiếng việt cũng là sever của 2 con kia luôn mà đo main đẹp nhất (mình ngĩ z)
, Bạn đã có data sẵn rồi thì chỉ cần up lên lại thôi chứ k phải làm gì nhưng 3 con này ít lỗi, hình như nó ngăn cả ddos sẵn nữa, hỗ trợ rất là đầy đủ ---- (inbox altnam@GM để biết thêm)
---
---
Quay lại vấn đề: Coi chừng bạn thiết kế cứng nên khi qua màn hình có độ phân giải khác nó sẽ khác, bạn cũng kiểm tra thật kĩ lại code nhé

méo là sao nhỉ

Này là do cách code của bạn thôi, CSS nó co kéo ảnh nên ảnh bị méo là đúng. Nếu muốn ảnh ko co kéo, đúng kích thước thì dùng Timthumb để crop, resize ảnh

Lúc code để ảnh theo kích thước có sẵn thì lo lúc up ảnh lên nó chả bóp cho ảnh đúng kích thước đấy. KÍch thước anh lúc cho vào phải đúng với tỷ lệ lúc code thì nó mới hiển thị chuẩn được, bạn cứ tưởng tượng khi transform (Ctrl+T) mà không giữ shift thì sẽ hiểu. Rất nhiều trang web ở Việt Nam gặp trường hợp này, nhìn mất cảm tình.

bác thử cho cái này vào thẻ img:
min-width:100%;
min-height:100%;
width:auto;
height:auto;

và cái này vào div bao hình ảnh:
width: ...px;
height:...px;
overflow:hidden;

Và 1 cách nữa là bác làm ảnh sản phẩm chung 1 size =='
Mình thường làm như thế, không biết có sai sót chỗ nào không, các bác chỉ bảo thêm!