Hình ảnh đóng một vai trò quan trọng cho một trang web. Đối với người quản trị nội dung trang web thường xuyên phải xử lý và tối ưu lại hình ảnh trước khi đưa lên website.
Không chỉ chỉ đẹp cho người xem, tối ưu kích thước và dung lượng ảnh đưa lên website còn giúp ích rất nhiều trong việc SEO website.
Để thực hiện, bạn cần cài phần mềm Photoshop (bài viết tác giả dùng Photohop CS6)
Bước 1: Mở hình cần chỉnh sửa bằng Photoshop
Cách 1 (Nhanh nhất): Click chuột phải vào hình cần chỉnh sửa chọn Open with/Adobe Photoshop
Hoặc cách 2: Mở Photoshop lên sau đó vào: File/Open rồi duyệt đến hình cần chỉnh sửa click hình đó để chọn mở.
Mở ảnh nhanh bằng Photoshop
Bước 2: Một số xử lý cơ bản
2.1. Thay đổi kích thước ảnh co giản.
Ảnh chụp từ các điện thoại đời mới hiện nay thường có kích thước hình ảnh lớn đặc biệt là được chụp từ các máy ảnh chuyên dụng. Việc đưa hình ảnh này lên website sẽ không phù hợp vì kích thước và dung lượng đều quá lớn.
Tính năng Image Size: Giảm/tăng kích thước bằng cách co giản
Tại hình đang mở, chọn Image/Image Size (Phím tắt: Alt + Ctrl + I nhấn đồng thời 3 phím này). Sẽ được hình như dưới:
Các thông tin cần thay đổi như sau:
- Nhập kích thước phù hợp Width (Rộng), Height (Cao). Các kích thước bài viết/sản phẩm/dịch vụ trên website thường có kích thước <1000pixels. Vậy nên hãy chọn kích thước phù hợp cho từng vị trí. Một số khu vực hiển thị đặc biệt thì có thể lớn hơn
Chú ý: Đối với các hình ảnh đưa lên website thường sử dụng Pixels. Vậy nên hãy chọn đơn vị đo là: Pixels nhé)
- Resolution: 72 (thường sử dụng các hình ảnh đưa lên website)
- Nếu chỉ muốn thay đổi chiều Rộng (Width) hoặc Cao (Height) thì bỏ dấu Constrain Proportions
Nhập xong các thông tin nhấn OK để hoàn thành.
Xem hình sau
2.2. Thay đổi kích 1 chiều nhưng vẫn giữ nguyên tỷ lệ
Một số hình có được đôi khi có chiều Rộng quá rộng hoặc chiều Cao quá cao vậy nên bạn cần cắt bỏ bớt đi chiều dư thừa ra đó nhưng vẫn giữ nguyên Tỷ lệ hình (không bị MÉO hình sau khi xử lý).
Tính năng Canvas Size: Thay đổi kích thước giữ nguyên tỷ lệ ảnh
VD: Trong hình trên, tôi có hình chiều Rộng: 1000px, chiều Cao: 1000px
Nhưng tôi cần một hình có kích thước: 1000x500px
Tại hình đang mở, chọn Image/Canvas Size (Phím tắt: Alt + Ctrl + C nhấn đồng thời 3 phím này). Sẽ được hình như dưới:
Thực hiện thay đổi kích thước của chiều cần thay đổi và nhấn OK.
Sau đó lưu lại dưới dạng cho web. File/Save for Web (hoặc phím tắt: Alt + Shift + Ctrl + S)
Chúc các bạn thành công!
