Hướng dẫn Photoshop: Tối ưu hóa Hình ảnh để Sử dụng Web

tối ưu hóa hình ảnh web

Tùy thuộc vào mục đích của những bức ảnh của chúng tôi sẽ yêu cầu điều trị này hay cách khác. Cấu hình ảnh sẽ được in, hiển thị trên máy chiếu kỹ thuật số hoặc hiển thị trên trang web không giống nhau. Mỗi phương tiện có những khiếm khuyết, đặc điểm hoặc nhu cầu khác nhau. Vì lý do này, chúng ta cần đặc biệt chú ý đến những khía cạnh này, nếu không chúng ta có thể làm giảm chất lượng sáng tác của mình một cách gián tiếp mà không hề hay biết.

Trong trường hợp này, chúng ta sẽ thấy trong hướng dẫn sau, các cài đặt mà Adobe Photoshop cung cấp cho chúng ta để lưu hình ảnh của chúng ta theo cách mà chúng có cách xử lý tối ưu để được tái tạo trên các trang web và Internet. Theo cách này chúng tôi sẽ cố gắng tìm ra lựa chọn rẻ nhất có tính đến các khía cạnh như chất lượng (cắt và tạo pixel) và mặt khác là kích thước của tệp, bạn đã biết rằng khi chúng tôi tải ảnh hoặc tệp lên trang web của mình, chúng nên cân nhắc ít nhất có thể để hoạt động của trang web của chúng tôi nhanh nhẹn hơn rất nhiều. Thật thú vị khi bạn tính đến các tùy chọn cơ bản này, bạn đã biết rằng chúng tôi phải cố gắng chăm sóc tất cả các chi tiết nằm trong tầm tay của chúng tôi.

Tối ưu hóa hình ảnh JPEG

Để bắt đầu, chúng tôi sẽ khởi động ứng dụng của mình và nhập bức ảnh mà chúng tôi sẽ làm việc, trong trường hợp này là hình ảnh trung bình và ở định dạng JPEG.

tối ưu hóa-1

Để lưu bức ảnh này với các đặc điểm phù hợp để làm việc trên web, chúng ta sẽ phải vào menu File> Save for Web… (chúng ta cũng có thể truy cập tùy chọn này thông qua Alt + Shift + Ctrl + S).

tối ưu hóa-2

Chúng tôi sẽ nhấp vào tab có tên "bốn bản sao" ở đầu hộp thoại Lưu cho Web. Bằng cách xem xét bốn cài đặt khác nhau trong tệp, chúng ta có thể biết rõ cài đặt nào sẽ phù hợp nhất với mục đích của chúng ta. Sử dụng chế độ xem 4 bản sao, nhiều phiên bản của một hình ảnh có thể được hiển thị trong cùng một cửa sổ hình ảnh. Chúng tôi sẽ làm điều đó, chúng tôi sẽ áp dụng các định dạng khác nhau và chúng tôi sẽ xem định dạng nào phù hợp nhất với yêu cầu của chúng tôi. Sau đó, bạn có thể điều chỉnh các nhiệm vụ tối ưu hóa cho từng phiên bản của hình ảnh để chọn kết hợp các nhiệm vụ tốt nhất.

tối ưu hóa-3

Sử dụng menu thả xuống Mức thu phóng ở dưới cùng bên trái của hộp thoại, chúng tôi sẽ thay đổi độ phóng đại thành 200% hoặc hơn để chúng tôi có thể phân tích tốt bức ảnh của mình và đánh giá cao các chi tiết của hình ảnh.

tối ưu hóa-4

Chúng tôi sẽ đặt con trỏ chuột lên phiên bản phía trên bên phải của hình ảnh (là phiên bản đang hoạt động vì đường viền tối nhất được chỉ ra). Con trỏ sẽ có hình dạng bàn tay, điều này cho biết rằng chúng ta có thể kéo nó để di chuyển hình ảnh. Chúng tôi sẽ kéo để thay đổi vị trí của hình ảnh để chúng tôi tìm thấy khu vực phù hợp nhất của hình ảnh, khu vực mà chúng tôi tìm thấy số lượng sắc thái và độ tương phản lớn nhất.

tối ưu hóa-5

Từ menu thả xuống Đặt trước trong bảng Tối ưu hóa, chúng tôi sẽ chọn GIF 128 với Hòa sắc. Lưu ý rằng ngay lập tức trong phiên bản của hình ảnh mà chúng tôi đã chọn (trong trường hợp này là phía trên bên phải) đã có những thay đổi làm cho các vùng tối có thể nhìn thấy rõ hơn. Tiếp theo, chúng ta sẽ tiếp tục xem cài đặt JPEG và PNG trong bảng sau.

tối ưu hóa-6

Chúng tôi sẽ nhấp vào phiên bản phía dưới bên trái của hình ảnh để chọn nó. Chúng tôi sẽ chọn phiên bản JPEG Thấp trong menu cài đặt trước. Hình ảnh sẽ xuất hiện khá nhiều pixel và chất lượng của nó là không thể chấp nhận được, đặc biệt là ở khu vực văn bản, nó rất đáng chú ý. Chúng tôi sẽ cố gắng tăng chất lượng của hình ảnh mà không thu được kích thước tệp không thể chấp nhận được.

tối ưu hóa-7

Chúng tôi sẽ chọn JPEG High từ menu thả xuống cài đặt một lần nữa. Điều này giúp cải thiện đáng kể chất lượng hình ảnh, nhưng cũng khiến kích thước tệp tăng lên đáng kể.

tối ưu hóa-8

Cuối cùng, lựa chọn thành công nhất sẽ là trung bình. Chúng tôi sẽ chọn JPEG Media từ menu thả xuống Preset một lần nữa. Chất lượng hình ảnh hiện ở mức chấp nhận được, trong khi kích thước tệp nhỏ hơn đáng kể so với phiên bản JPEG High hoặc phiên bản GIF.

tối ưu hóa-9

Cuối cùng chúng ta sẽ chọn bảng điều khiển phía dưới bên phải. Chúng tôi sẽ chọn PNG-8 128 với phối màu từ menu thả xuống một lần nữa. Mặc dù tùy chọn này cung cấp kích thước tệp nhỏ hơn ảnh gốc nhưng chất lượng ảnh không tốt bằng phiên bản JPEG Medium cũng sẽ có kích thước tệp nhỏ hơn.

tối ưu hóa-10

Cuối cùng, chúng tôi sẽ nhấp vào phiên bản JPEG, tức là phiên bản ở phía dưới bên trái. Trong Bảng điều khiển tối ưu hóa (ở bên phải hộp thoại), đảm bảo tính năng Tiến bộ được bật (điều này sẽ khiến hình ảnh được tải xuống thành nhiều lần, mỗi lần tăng chất lượng hình ảnh) và nhấp vào Ok.

tối ưu hóa-11

Cuối cùng, trong hộp thoại Save Optimized As, chúng ta sẽ sử dụng tên gốc và nhấp vào Save. Bằng cách này, chúng tôi sẽ lưu một phiên bản JPEG của tệp gốc trong thư mục mong muốn. Cuối cùng, chúng tôi sẽ đóng dự án này mà không lưu các thay đổi.


Để lại bình luận của bạn

địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu bằng *

*

*

  1. Chịu trách nhiệm về dữ liệu: Miguel Ángel Gatón
  2. Mục đích của dữ liệu: Kiểm soát SPAM, quản lý bình luận.
  3. Hợp pháp: Sự đồng ý của bạn
  4. Truyền thông dữ liệu: Dữ liệu sẽ không được thông báo cho các bên thứ ba trừ khi có nghĩa vụ pháp lý.
  5. Lưu trữ dữ liệu: Cơ sở dữ liệu do Occentus Networks (EU) lưu trữ
  6. Quyền: Bất cứ lúc nào bạn có thể giới hạn, khôi phục và xóa thông tin của mình.