View Full Version : Dùng loại ảnh nào khi thiết kế web?
Khi thiết kế layout xong, các bác thường slice và xuất ra ảnh định dạng gì? JPG, GIP hay PNG ? Tôi thấy nhiều Cty làm web thì thích JPG có cty lại dùng ảnh GIF, không biết loại nào hiệu quả hơn và dung lượng và chất lượng ảnh?
Cá nhân tôi thấy xuất ra JPG thì dung lượng có nhỏ hơn chút và màu sắc vẫn chấp nhận đựoc.
vtnphong
09-04-2008, 15:46
ít hơn 256 màu thì gif, còn lại là jpeg. Ảnh nào cũng thế thôi, quan trọng là cái nào nén cho size nhỏ hơn mà thôi. PNG thì làm web bằng table thì ko thiếu được, nhưng mà bây giờ còn ai xài table chứ :D
Còn mình thì xuất JPG để độ phân giải 75.
ít hơn 256 màu thì gif, còn lại là jpeg. Ảnh nào cũng thế thôi, quan trọng là cái nào nén cho size nhỏ hơn mà thôi. PNG thì làm web bằng table thì ko thiếu được, nhưng mà bây giờ còn ai xài table chứ :D
DIV cũng là một cái hay nhưng không phải ai cũng biết sử dụng CSS để control nó. Vì vậy TABLE không bao giờ tuyệt chủng được. Nói như bạn thì bạn thống kê thử hiện có bao nhiêu web sử dụng TABLE và bao nhiêu web sử dụng DIV mà bảo là không ai sài? Tôi tính nhẩm thì các web sử dụng DIV thay thế TABLE trên thế giới chiếm chừng 0.5 % là cùng. TABLE là cái căn cơ quan trọng để 1 người học về Web trước khi tiến tới DIV. TABLE NEVER DIE !
digihomec
09-04-2008, 17:31
Bác xài tận độ phân giải 75 cơ à? Hoang quá đấy, tôi chỉ để ảnh JPG ở 72 thôi mà đã thấy nặng rồi, nhất là chạy Host US thì vật vã lắm ^_^. Nhìn chung để ảnh ở JPG hay hơn. Nhẹ và vẫn giữ đựoc màu.
Bác xài tận độ phân giải 75 cơ à? Hoang quá đấy, tôi chỉ để ảnh JPG ở 72 thôi mà đã thấy nặng rồi, nhất là chạy Host US thì vật vã lắm ^_^. Nhìn chung để ảnh ở JPG hay hơn. Nhẹ và vẫn giữ đựoc màu.
Em thì 75 host Việt Nam không xi nhê gì :D
KnightHV
09-04-2008, 18:14
Mình thường dùng ảnh 60 thôi, JPG, đảm bảo chất lượng và cả dung lượng.
Còn mình thì xuất JPG để độ phân giải 75.
DIV cũng là một cái hay nhưng không phải ai cũng biết sử dụng CSS để control nó. Vì vậy TABLE không bao giờ tuyệt chủng được. Nói như bạn thì bạn thống kê thử hiện có bao nhiêu web sử dụng TABLE và bao nhiêu web sử dụng DIV mà bảo là không ai sài? Tôi tính nhẩm thì các web sử dụng DIV thay thế TABLE trên thế giới chiếm chừng 0.5 % là cùng. TABLE là cái căn cơ quan trọng để 1 người học về Web trước khi tiến tới DIV. TABLE NEVER DIE !
Yep never die, nhưng đa số các website mới đều theo div và hầu hết đều có xu hướng thiết kế đẹp mắt hơn. Có cầu thì có cung, khách hàng hiện tại cũng yêu cầu vậy.
Dần dần table sẽ bị đào thải thôi.
Trở lại vấn đề, hình nào ít màu thì save gif cho nó nhẹ, hình nào kiểu pixel thì save gif cho transparent (ko bị răng cưa và hình vẫn nhẹ, ko cần fix lỗi cho IE), hình nào cần transparent nhiều màu, viền đẹp thì PNG, mà PNG thì phải fix lỗi hiển thị transparent cho IE. Còn lại thì JPG.
Có vậy thui à, theo quan điểm cá nhân nhá.
Văn Hiển
21-04-2008, 23:52
Khi thiết kế layout xong, các bác thường slice và xuất ra ảnh định dạng gì? JPG, GIP hay PNG ? Tôi thấy nhiều Cty làm web thì thích JPG có cty lại dùng ảnh GIF, không biết loại nào hiệu quả hơn và dung lượng và chất lượng ảnh?
Cá nhân tôi thấy xuất ra JPG thì dung lượng có nhỏ hơn chút và màu sắc vẫn chấp nhận đựoc.
Để biết loại nào hiệu quả hơn, bạn phải hiểu bản chất của mỗi loại hình ảnh, cách nén ảnh như thế nào bạn mới có lựa chọn đúng trong mỗi trường hợp.
Bạn đọc chi tiết về các loại file ở đây : trong khi JPEG luôn là lựa chọn hàng đầu cho việc nén ảnh chụp, với các hình ảnh trong suốt, PNG sẽ luôn xứng đáng với lòng mong đợi của bạn
(http://mauthietke.com/subject.asp?P_ID=207&PT_ID=103)
các trình duyệt cũ (IE6-) ko hỗ trợ tốt các ảnh có nền là transparent
superthin
08-05-2008, 21:29
Hình nào mang tính chất hình họa thì dùng GIF (thường thì số màu < 256), ảnh động thì cũng buộc phải dùng GIF rồi vì JPEG và PNG không hỗ trợ ảnh động.
Ảnh phong cảnh / ảnh chụp dùng JPEG (tức JPG ấy) là tốt.
Ảnh các ICON dạng trong trong bóng bóng như trong Vista, dạng Aqua ấy mà GIF không làm tròn nhiệm vụ thì dùng PNG như lựa chọn đáng giá vì JPG không hỗ trợ ảnh có nền trong suốt, GIF thì không thể hiển thị quá 256 màu. Lúc này PNG hiển thị được ảnh đến 24 bit màu.
Tóm lại, cả 3 dạng ảnh trên đều hay dùng cả, tùy từng bối cảnh thiết kế khác nhau mà cái nào được sử dụng vượt trội hơn cái khác. Không cứ nhất thiết phải thích cái nào và ép buộc dùng riêng nó, nếu cứ ép thì sẽ hoặc tốn không gian lưu trữ hoặc hiển thị xấu hoắc.
------
À, nhưng còn có loại nữa không phải là ảnh nhưng lấy các loại ảnh trên làm chất liệu: FLASH, SilverLight, Java Applet thì cũng có lúc phải dùng tới trong khi thiết kế web vì nếu chỉ 3 loại ảnh JPG, GIF, PNG trên sẽ không thể có hiệu ứng như ba anh chàng FLASH, SilverLight, Java Applet được.
vuatintac
09-05-2008, 10:08
...Trở lại vấn đề, hình nào ít màu thì save gif cho nó nhẹ, hình nào kiểu pixel thì save gif cho transparent (ko bị răng cưa và hình vẫn nhẹ, ko cần fix lỗi cho IE), hình nào cần transparent nhiều màu, viền đẹp thì PNG, mà PNG thì phải fix lỗi hiển thị transparent cho IE...
Bác có thể nói rõ hơn mình Fix thế nào ko? VD trang này: http://holburtconsulting.com/ File hình bản đồ thế giới góc trên bân trái là PNG, có transparent. Mình copy về và thử bên IE ko ra kết quả gióng họ. (Ko bit FIX thế nào?!)
Nói về PNG. So sánh giữ PNG 8bit và PNG 24bit. nếu file ảnh chỉ khoảng trên 200 x 200px mình xuất luôn 24bit.
PNG 24 Bit còn được cái hay khi đưa vào Flash, rất cool,Cứ như nó sinh ra để dùng riêng cho flash. File flash dùng PNG sau khi xuất dung lượng nhỏ hơn hẳn so Flash dùng với JPG và GIF.
Cứ vậy đi.
vtnphong
09-05-2008, 10:46
DIV cũng là một cái hay nhưng không phải ai cũng biết sử dụng CSS để control nó. Vì vậy TABLE không bao giờ tuyệt chủng được. Nói như bạn thì bạn thống kê thử hiện có bao nhiêu web sử dụng TABLE và bao nhiêu web sử dụng DIV mà bảo là không ai sài? Tôi tính nhẩm thì các web sử dụng DIV thay thế TABLE trên thế giới chiếm chừng 0.5 % là cùng. TABLE là cái căn cơ quan trọng để 1 người học về Web trước khi tiến tới DIV. TABLE NEVER DIE !
Hiển nhiên là table không die được rồi (h1,p cũng có die được đâu mặc dù đều có thể tạo class CSS thay thế nó :D). Table thật sự là sẽ có trường hợp tốt hơn div như dùng để show bảng giá chẳng hạn. Mà div thật sự sẽ không là gì cả nếu không xài CSS (nó chỉ giống như một dạng tag không làm gì cả kiểu như span thôi) để control nó.
À, mà bạn tính nhẩm ở đâu ra số 0.5% vậy? Hầu hết các website 2.0 bây giờ đều sử dụng div+css để có sự tương tác giữa code và interface. Còn chỉ riêng tại Hà Lan thôi thì đã có 45% số website sử dụng div để thay thế cho table rồi (tính trên tổng tất cả các dạng website, kể cả static web từ thời xa xưa).
cheery27585
14-05-2008, 16:03
tot nhat la dung .gif cho tuong thich voi moi he dieu hanh
Em chỉ xài jpg/72 nếu là 256 màu ... các bác xem thử cái hình dưới này 44k có đc ko vậy, có lớn quá ko?
http://www.misskhue.com/images/products/ao-cuoi-vay-cuoi-bridal-55a.jpg
Powered by vBulletin® Version 4.2.0 Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.