Các trình duyệt web hiện đại và hệ thống quản lý nội dung tối ưu hóa hình ảnh để hiển thị trong mọi cài đặt. Tuy nhiên, tốt nhất bạn nên chuẩn bị hình ảnh được tối ưu hóa cho từng yếu tố hình thức và vị trí có thể có mà hình ảnh có thể xuất hiện. Tập trung vào ba yếu tố: độ phân giải hình ảnh, kích thước và không gian màu.
Không gian màu trong hình ảnh
Các nhà thiết kế đồ họa dựa trên hai không gian màu chính. Không gian màu là một phương pháp mà các màu cơ bản kết hợp với nhau để tạo thành các cầu vồng màu phức tạp.
Sử dụng chế độ RGB khi chuẩn bị hình ảnh cho thiết bị di động. Hiển thị trên màn hình máy tính và điện thoại thông minh dựa trên sự kết hợp của các pixel màu đỏ, xanh lam và xanh lục. Hình ảnh RGB này được tối ưu hóa để tái tạo chính xác màu sắc mong muốn trên màn hình.
Đối với bản in, các nhà thiết kế sử dụng quy trình bốn màu, trong đó mỗi màu đều kết hợp giữa lục lam, đỏ tươi, vàng và đen. Đôi khi hình ảnh bốn màu được gọi là hình ảnh CMYK vì lý do này.
Độ phân giải hình ảnh
Hình ảnh, đặc biệt là trên nền tảng di động, nên có kích thước càng nhỏ càng tốt để cân bằng chất lượng với tốc độ tải xuống trên mạng di động và kích thước tệp so với giới hạn dữ liệu di động.
Hầu hết các chương trình, bao gồm các ứng dụng Adobe Creative Cloud, đều hỗ trợ công cụ Export for Web để hiển thị hình ảnh ở nhiều dạng kết hợp giữa độ phân giải và độ nén. Chọn hình ảnh chất lượng tốt nhất với tổng kích thước thấp nhất.
Kích thước hình ảnh tính bằng pixel
Mỗi hình ảnh phải có kích thước phù hợp với mục đích của nó. Dưới đây là một số kích thước hình ảnh mẫu cho các mục đích sử dụng web phổ biến:
- Quảng cáo biểu ngữ trên Internet thường có kích thước 468 pixel x 60 pixel.
- Ảnh bìa Facebook phải có kích thước 851 pixel x 315 pixel.
- Ảnh hồ sơ Twitter phải có kích thước 400 pixel x 400 pixel.
- Hình ảnh cho các liên kết được chia sẻ phải có kích thước 1200 pixel x 630 pixel.
Khi bạn làm việc với ảnh cho các mục đích cụ thể, hãy kiểm tra nơi ảnh đó sẽ xuất hiện (chẳng hạn như trang web truyền thông xã hội hoặc blog) để xác minh kích thước ảnh tối ưu và sau đó chọn kích thước phù hợp để tránh kéo giãn hoặc cắt xén ảnh.
Để tránh hiện tượng pixel hóa, hãy nhắm đến kích thước hiển thị thực tế. Ngay cả khi hình ảnh được định kích thước chính xác, nếu nó không được định kích thước chính xác, sản phẩm tạo ra có thể trông giống pixel nếu hình ảnh phải được tăng tỷ lệ để đáp ứng không gian có sẵn.
Giới thiệu về Hình ảnh Vector
Hình ảnh vectơ-hình ảnh được tính toán và vẽ bởi thiết bị – thường hiệu quả hơn và chất lượng cao hơn hình ảnh raster (hình ảnh được vẽ từng pixel một) vì chúng có thể được phóng to và thu nhỏ mà không ảnh hưởng đến chất lượng hình ảnh. Đối với các biểu trưng, nghệ thuật đường kẻ và đồ thị đơn giản, phiên bản vectơ là lý tưởng. Định dạng vectơ không được sử dụng cho ảnh.
