Làm thế nào để tôi biết loại hình ảnh để sử dụng?

8

Tôi đang làm việc trên một trang web sẽ sử dụng hình ảnh trong một số ứng dụng khác nhau, từ nút hành động đến hình đại diện đến hình ảnh chi tiết lớn hơn. Những yếu tố nào tôi nên xem xét để quyết định xem những hình ảnh này nên là jpgs, gifs hay pngs?

— BếnV
nguồn

6

JPG cho ảnh hoặc chênh lệch màu cao
PNG cho hình ảnh có độ trong suốt dần dần (mờ dần từ 1 màu sang rõ ràng)
GIF cho hình ảnh với bảng màu nhỏ

Rõ ràng hãy thử từng hình ảnh và xem những gì có kích thước tệp nhỏ nhất. Kích thước càng nhỏ càng tốt. Cũng đừng lo lắng về tính minh bạch trong IE6 cho PNG của bạn, bà không quan tâm đến việc trang web của bạn trông như thế nào mà cô ấy có thể nhìn thấy hình ảnh của bạn trên đó.

— XOPJ
nguồn

3

Kích thước tập tin. Kích thước tệp càng nhỏ, nó sẽ tải xuống nhanh hơn cho người dùng của bạn. Vì vậy, hãy chọn kích thước tệp nhỏ nhất không ảnh hưởng đến chất lượng hình ảnh của bạn.

(Nói chung, JPG được sử dụng cho ảnh và PNG / GIF được sử dụng cho hình ảnh giống như biểu tượng)

— John Conde
nguồn

1

Tôi sẽ thêm nó cho ảnh chụp màn hình UI / không ảnh - sử dụng PNG. JPEG có xu hướng pixel hóa hình ảnh phi hình ảnh khủng khiếp.

— scunliffe

1

Hỗ trợ trình duyệt . Tôi nghĩ rằng đó là IE6 hoặc IE7 trở lên không hỗ trợ hình ảnh dựa trên png với nền trong suốt đúng cách. Nó thường thêm một số màu nền sôi nổi.

— Jeremy
nguồn

1

Chỉ IE6 có vấn đề với PNG trong suốt. IE7-9 là tốt với họ.

— bdadam

IE4 và hỗ trợ mới hơn đã cải thiện PNG với độ trong suốt : calendar.perfplanet.com/2010/png-that-works/#paletted

— Kornel