Hướng dẫn kiểm tra kích thước hình ảnh trên web, cách cắt hình ảnh đúng tỷ lệ

HƯỚNG DẪN KIỂM TRA KÍCH THƯỚC HÌNH ẢNH TRÊN WEB:

Để up tấm hình lên web mà vừa khung hiển thị đẹp, bạn cần biết kích thước của khung web
Sau đây là hướng dẫn kiểm tra kích thước của khung hình web bằng trình duyệt chrome/ coccoc

Kiếm tra kích thước khung Logo: Nhấn chuột phải vào tấm hình cần kiểm tra, ở menu xổ ra, chọn dòng cuối cùng của menu tên “kiểm tra”

Lập tức khung logo chứa hình được tô phủ 1 lớp mờ đen và kich thước 200 * 126 hiện ra
Còn nếu vẫn chưa thấy nó hiện ra thì bạn rê chuột rà rà lên từng dòng mã lệnh ở khung khoanh xanh lá cây bên dưới cho đến khi nào thấy khung logo bị tô mờ và kích thước khung hình hiện ra như khung khoanh đỏ dưới đây là được.

HƯỚNG DẪN CẮT ĐÚNG TỶ LỆ HÌNH BẰNG PHOTOSHOP CS6:
( Bạn tự tải và cài photoshop trước khi xem hướng dẫn này )

Ví dụ tấm hình sản phẩm dưới đây bị kéo dãn cao, tức là hình không phù hợp với khung web

Và sau khi kiểm tra thì ta biết khung hình này là 140 x 121
Vậy nên ta cần cắt tấm hình là 140 x 121 bỏ vô
Mở photopshop lên, chọn NEW

Chú ý
Lúc này bạn nhấn giữ phím Shift rồi mới được kéo nhé, và chỉ được kéo ở góc vuông hình thôi.

Xong thì nhấn Enter
và ta đã có 1 tấm hình đẹp đẽ đúng khung để up vô web

Quý khách có bất cứ khó khăn gì trong lúc sử dụng, vui lòng liên hệ 24/24: 0934.150.770 ( Zalo, Viber) – 0978.106.552 ( Zalo )