BẮT ĐẦU
GIAO DIỆN
HÌNH ẢNH
LAYER
VÙNG CHỌN
BỔ SUNG
PHOTOSHOP CĂN BẢN
CÁC CHỦ ĐỀ
BÀI MỚI NHẤT
MỚI CẬP NHẬT

Giảm dung lượng hình ảnh Photoshop bằng Image Size và Save for Web

Bài viết này mình sẽ hướng dẫn cách nén giảm dung lượng hình ảnh bằng Photoshop đơn giản với Image Size và Save for Web.

test php

banquyen png
Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

Nén giảm dung lượng ảnh là tính năng rất mạnh mẽ của Photoshop nhưng nhiều người chưa biết cách làm, vì thế freetuts sẽ hướng dẫn hai cách nén giảm dung lượng ảnh trên máy tính bằng phần mềm PTS.

Cách 1: Nén giảm dung lượng hình ảnh với tính năng Save for Web

Đây là cách thích hợp nhất để nén giảm dung lượng hình ảnh khi gửi Email, gửi tin nhắn Messenger Facbook, Zalo hoặc chia sẻ trên các diễn đàn trực tuyến khác. Tuy nhiên nếu bạn có ý định in ảnh thì không nên nén giảm dung lượng nhé.

Bước 1: Mở hình ảnh muốn nén giảm dụng lượng vào Photoshop.

Bài viết này được đăng tại [free tuts .net]

Bước 2: Bấm vào File trên thanh Menu và chọn Export -> Save for Web (Legacy) hoặc bấm phím tắt Ctrl + Alt + Shift + S để tiến hành nén ảnh.

nen giam dung luong hinh anh 1 jpg

Bước 3: Tại cửa sổ Save for Web, bạn có thể thiết lập thông số tương tự ví dụ sau để nén giảm dung lượng một cách đơn giản.

nen giam dung luong hinh anh 2 jpg

Bước 4: Bấm vào nút Save... ở dưới cùng cửa sổ, sau đó tại hộp thoại Save Optimized As hãy chọn đường dẫn rồi chọn Save một lần nữa để lưu.

nen giam dung luong hinh anh 3 jpg

Kết quả: Nén giảm dung lượng ảnh với tính năng Save for Web thành công.

Mình đã lưu ảnh sau khi giảm dung lượng vào cùng thư mục với ảnh gốc, bạn có thể thấy khi áp dụng Preset JPGE Hige, chúng ta có thể giảm dung lượng ảnh từ 11.4 MB xuống -> chỉ còn 2.51 MB.

Kết quả này là tương đối thôi nhé, giả sử bạn có bức ảnh 300 KB thì chỉ có thể giảm xuống khoảng 50 -> 100KB, tức là hình ảnh phải

nen giam dung luong hinh anh 4 jpg
Ảnh trước và sau khi nén dung lượng

Cách tối ưu chế độ nén giảm dung lượng để giữ nguyên chất lượng

Chúng ta cùng quay lại bước ba nhé, có thể vẫn còn nhiều bạn thắc mắc làm sao để có thể nén giảm dung lượng hình ảnh mà có thể giữ nguyên được chất lượng? Chúng ta cùng tìm hiểu các tùy chọn quan trọng trong cửa sổ Save for Web nhé.

Khu vực Preset

Ở góc trên bên phải chúng ta có khu vực chứa các tùy chọn nén giảm dung lượng ảnh, hãy cùng xem cách chúng hoạt động nhé.

nen giam dung luong hinh anh 12 jpg

Photoshop có sẵn các "cài đặt trước" (Preset), những cài đặt này tự động thiết lập các thông số khác như định dạng ảnh, chất lượng ảnh Low hay High, Quality, Blur, v.v.

Chúng ta có các Preset như JPEG High, JPEG Low, JPEG Medium và nhiều định dạng khác nhưu Gif hoặc PNG (Khuyên dùng JPGE Medium).

nen giam dung luong hinh anh 5 jpg
Preset chất lượng ảnh (đang chọn JPEG High)

Tiếp tục xuống phía dưới, bất kỳ thay đổi nào bắt đầu từ đây sẽ thoát các Preset có sẵn, ví dụ như bạn có thể thay đổi định dạng ảnh JPEG hoặc PNG, v.v.

nen giam dung luong hinh anh 6 jpg
Thay đổi định dạng ảnh

Ngay bên dưới định dạng ảnh, ta có thể thay đổi chất lượng từ Low (chất lượng thấp) -> Maxium (cực cao). Ảnh càng có chất lượng thấp thì càng nhẹ, ngược lại ảnh chất lượng cao sẽ nét và có dung lượng lớn hơn.

nen giam dung luong hinh anh 7 jpg
Thay đổi chất lượng ảnh, đang chọn mức High (cao)

Ở khu vực bên phải chúng ta có tùy chọn Quality, bạn hãy theo dõi sự khác biệt của hình ảnh khi tăng và giảm Quality.

Giảm Quality

nen giam dung luong hinh anh 14 jpg
Quality: 0

Tăng Quality

nen giam dung luong hinh anh 15 jpg
Quality: 100

Theo mình thì bạn nên áp dụng các Preset có sẵn, ví dụ như JPGE High thì Quality tự động được đặt ở mức 60, với mức quality này thì sẽ nén giảm dung lượng hình ảnh mà gần như giữ nguyên chất lượng.

Khu vực Preiew (xem trước)

Khu vực bên trái cửa sổ Preview, ta có các tab tương ứng với các chế độ xem như:

  • Orignal: Xem chất lượng hình ảnh ban đầu
  • Optimized: Xem chất lượng ảnh sau khi nén giảm dung lượng
  • 2-Up: Chế độ xem 2 ảnh cùng lúc, ảnh trước và sau khi áp dụng các tùy chọn nén giảm dung lượng

nen giam dung luong hinh anh 9 jpg
Chế độ xem trước 2-UP. Bạn có thể bám vào nút - hoặc + để phóng to hoặc thu nhỏ hình ảnh Preview

  • 4-Up: Chế độ xem 4 ảnh cùng lúc: Ảnh ban đầu, ảnh sau khi giảm dung lượng ở 100 quality, ảnh sau khi giảm dung lượng xuống 50 Quality và 25 Quality

nen giam dung luong hinh anh 10 jpg
Chế độ xem trước 4-Up

Khu vực Image Size

Ở dưới cùng cửa sổ Save for Web chúng ta có khu vực Image Size, tại đây bạn có thể chỉnh chiều rộng (W) hoặc chiều cao (H) được tính bằng px (pixel).

Mặc định thì chiều rộng và chiều cao được liên kết với nhau, tức là khi thay đổi bất kỳ W hoặc H thì giá trị còn lại sẽ tăng / giảm tỷ lệ thuận. Bạn có thể hủy liên kết này bằng cách bấm vào biểu tượng "mắt xích".

Giá trị Percent cho phép thay đổi nhanh chóng kích thước ảnh = % thay vì px.

nen giam dung luong hinh anh 8 jpg
Khu vực Image Size

Ngay bên dưới Image Size chúng ta có khu vực Animation, chuyên dùng để xử lý ảnh Gif.

nen giam dung luong hinh anh 13 jpg

Cuối cùng là 3 nút Save (lưu / xuất ảnh), Reset (khởi động lại / đặt lại toàn bộ cài đặt về ban đầu) và Remember (nhớ cài đặt và thoát cửa sổ Save for Web)

Bấm vào nút Save...để lưu ảnh dưới dạng file mới ngay lập tức:nen giam dung luong hinh anh 11 jpg

Cách 2: Nén giảm dung lượng hình ảnh với Image Size

Đây là phương pháp nén giảm dung lượng bằng cách giảm kích thướcmật độ điểm ảnh (pixel), bạn hãy làm theo các bước đơn giản sau để giảm dung lượng và lưu ảnh ở định dạng nhẹ nhất nhé.

Bước 1: Khởi động phần mềm Adobe Photoshopmở file ảnh.

Bước 2: Chọn Image -> Image Size hoặc bấm phím tắt Ctrl + Alt + I.

Cach giam dung luong hinh anh bang Photoshop 1 jpg

Bước 3: Giảm kích thước, giảm mật độ điểm ảnh trong hộp thoại Image Size:

Ngay sau khi thực hiện bước 2 thì hộp thoại Image Size sẽ hiện ra, bạn chỉ cần thay đổi một số tùy chọn sau đây để giảm dung lượng hình ảnh bằng Photoshop.

  • Width là chiều rộng, được tính theo inch, centimet, percent (%), v.v.
  • Height là chiều cao cũng được tính bằng inch, cm, %, v.v.

* Lưu ý: Mặc định thì Width và Height được liên kết với nhau, tức là khi thay đổi Width thì Height sẽ tự động thay đổi theo đúng tỷ lệ của hình ảnh (bạn có thể bấm vào hình mắt xích để hủy tùy chọn này).

  • Resolution là mật độ điểm ảnh (ppi), được tính bằng Pixels/Inch hoặc Pixel/Centimeter. Giải thích kỹ hơn cho bạn nào chưa hiểu: Mật độ điểm ảnh là "số lượng điểm ảnh" có trên một hình vuông cạnh 1 Inch hoặc 1 Centimeter (Cm3).

Cach giam dung luong hinh anh bang Photoshop 2 jpg
Hộp thoại Image Size mặc định

Bạn có thể thay đổi tùy chỉnh theo ý thích hoặc làm theo cách của mình để giảm dung lượng hình ảnh mà vẫn giữ được chất lượng tốt nhất có thể.

1. Giảm Width và Height theo Percent: Mặc định thì giá trị này được tính bằng Inch hoặc Pixel, bạn nên chuyển nó về Percent để giảm kích thước dễ hơn.

Trong ví dụ này, mình sẽ giảm kích thước xuống còn 30%.

Cach giam dung luong hinh anh bang Photoshop 3 jpg
Giảm Width và Height = 30 Percent

2. Giảm Resolution: Mặc định thì các bức ảnh chụp chất lượng chuẩn - cao sẽ có mật độ điểm ảnh = 300 PPI, đây là chất lượng phù hợp cho những bức ảnh có mục đích "In". Tuy nhiên nếu chỉ để chia sẻ lên mạng xã hội hoặc xem trên màn hình điện thoại, máy tính thì 300 PPI là một chất lượng "thừa thãi".

Bạn sẽ không thể nhận thấy sự khác biệt nhiều giữa một bức ảnh có PPI = 300 hoặc PPI = 150 khi xem trên màn hình máy tính / điện thoại. Do đó hãy thay đổi Resolution để có kết quả giảm kích thước ảnh tốt nhất có thể.

Trong ví dụ này, mình sẽ giảm Resolution từ 300 -> xuống còn 150 Pixels/Inch (ảnh chia sẻ trên Internet thường chỉ có khoảng 100 PPI). Cuối cùng bạn hãy bấm OK để áp dụng việc thay đổi kích thước ảnh.

Cach giam dung luong hinh anh bang Photoshop 4 jpg

Kết quả:

Nén giảm dung lượng hình ảnh bằng cách giảm kích thước và mật độ điểm ảnh, bạn có thể xem kích thước rõ ràng tại thanh trạng thái.

Cach giam dung luong hinh anh bang Photoshop 5 jpg
Kích thước ảnh trước và sau khi giảm: Hiển thị trên thanh trạng thái (Status Bar)

Bước 4: Lưu ảnh.

Bạn có thể lưu ảnh theo một trong hai cách sau:

  • Lưu trực tiếp vào file ảnh: Chọn File -> Save trên thanh menu hoặc bấm phím tắt Ctrl + S
  • Lưu thành một file khác: Chọn File -> Save As trên thanh Menu hoặc bấm tổ hợp phím Ctrl + Alt + S

​Nếu bạn chọn lưu thành một file mới thì hộp thoại Save As sẽ hiện ra, lúc này bạn hãy chọn đường dẫn tới thư mục muốn lưu ảnh, đặt tên ở mục File name sau đó chọn định dạng muốn lưu ở mục Save as type (khuyên dùng JPG).

Cuối cùng hãy bấm Save để lưu ảnh.

Cach giam dung luong hinh anh bang Photoshop 8 jpg
Hộp thoại Save As trong Photoshop

Bước 5: Ngay sau đó thì cửa sổ Options sẽ hiện ra, bạn hãy tăng giảm Quality để quyết định chất lượng của ảnh.

Quality càng cao thì ảnh càng nặng và có chất lượng càng nét (min = 1, max = 12).

Các thông số còn lại không làm thay đổi dung lượng hình ảnh. Cuối cùng bấm OK để lưu ảnh.

Cach giam dung luong hinh anh bang Photoshop 7 jpg Cach giam dung luong hinh anh bang Photoshop 6 jpg

Kết quả cuối cùng: Bạn có thể mở trực tiếp thư mục lưu ảnh để xem thành quả.

Cach giam dung luong hinh anh bang Photoshop 9 jpg
Giảm dung lượng hình ảnh bằng Photoshop

Cách 3: Giảm dung lượng hình ảnh bằng phần mềm khác

Bạn có thể sử dụng những phần mềm nén ảnh mà mình đã giới thiệu trong bài đó để nén ảnh nhé. Đó là những phần nềm miễn phí giúp giảm dung lượng rất tuyệt vời.

Ngoài ra, nếu bạn muốn làm nhanh gọn thì có thể tham khảo những trang web nén hình online, chỉ với vài thao tác đơn giản là bức hình của bạn đã được tối ưu.

Bài hướng dẫn cách nén giảm dung lượng hình ảnh trong Photoshop tới đây là kết thúc, bạn đừng quên chia sẻ bài viết tới bạn bè và đồng nghiệp khi họ cũng chưa biết thủ thuật này nhé.

Cùng chuyên mục:

Cách thay đổi đơn vị của thước Rulers trong Photoshop

Cách thay đổi đơn vị của thước Rulers trong Photoshop

Nếu bạn vẫn chưa biết cách thay đổi đơn vị của thước kẻ Rulers trong…

Cách tạo thành phố đảo ngược với Photoshop

Cách tạo thành phố đảo ngược với Photoshop

Sau khi học xong bạn sẽ biết được cách kết hợp một số hình ảnh…

Tải 60 Textures và Pattern Photoshop đẹp miễn phí chất lượng cao

Tải 60 Textures và Pattern Photoshop đẹp miễn phí chất lượng cao

Hãy lướt xem qua hình ảnh của chúng, nếu thích bạn có thể tải miễn…

Hơn 60+ font chữ Retro và Vintage miễn phí đẹp nhất

Hơn 60+ font chữ Retro và Vintage miễn phí đẹp nhất

Trong danh sách này, bạn sẽ tìm thấy các font chữ viết tay cổ điển…

Cách tạo và sử dụng Pattern trong Photoshop

Cách tạo và sử dụng Pattern trong Photoshop

Nếu bạn thấy mình giải thích khái niệm hơi khó hiểu, hãy đọc tiếp bài…

Tạo chữ cổ điển thập niên 80 với Photoshop (Retro Text Effects)

Tạo chữ cổ điển thập niên 80 với Photoshop (Retro Text Effects)

Để tạo hiệu ứng này thì chúng ta sẽ sử dụng các Layer Style của…

Cách tạo chữ hiệu ứng chữ kẹo giáng sinh bằng Photoshop

Cách tạo chữ hiệu ứng chữ kẹo giáng sinh bằng Photoshop

Quá trình tạo Effect chữ cây kẹo giáng sinh rất đơn giản, chúng ta chỉ…

Tạo hiệu ứng chữ lửa nóng rực trong Photoshop

Tạo hiệu ứng chữ lửa nóng rực trong Photoshop

Mình sẽ hướng dẫn chỉ với 38 bước cực kì đơn giản là bạn có…

Tạo hiệu ứng chữ chồng chéo nhiều màu sắc trong Photoshop

Tạo hiệu ứng chữ chồng chéo nhiều màu sắc trong Photoshop

Chúng ta đều thấy đây là một effect không chỉ thú vị mà còn rất…

Tạo hiệu ứng chữ 3D với lệnh Distort và Perspective

Tạo hiệu ứng chữ 3D với lệnh Distort và Perspective

Thông thường Photoshop không cho phép chúng ta sử dụng các lệnh Distort hoặc Perspective…

Cách tạo chữ mạ vàng trong Photoshop (Gold Text Effect)

Cách tạo chữ mạ vàng trong Photoshop (Gold Text Effect)

Nếu bạn đã từng xem qua một số bộ phim về các cuộc chiến bộ…

Cách tạo hiệu ứng cầu vồng trong Photoshop

Cách tạo hiệu ứng cầu vồng trong Photoshop

Một trong những hiện tượng tự nhiên rất đẹp mà bạn có thể tạo ra…

Cách tạo hiệu ứng lấy nét trong Photoshop

Cách tạo hiệu ứng lấy nét trong Photoshop

Thông thường hiệu ứng này có thể được thực hiện bằng máy ảnh nhưng ..

Cách xoá logo hình ảnh bằng Photoshop cực dễ

Cách xoá logo hình ảnh bằng Photoshop cực dễ

Không chỉ riêng nhà thiết kế chuyên nghiệp mà ngay cả người dùng Adobe Photoshop…

Cách vẽ râu và tóc bằng Photoshop

Cách vẽ râu và tóc bằng Photoshop

Cách sửa mũi bằng Photoshop (nâng mũi, làm mũi cao)

Cách sửa mũi bằng Photoshop (nâng mũi, làm mũi cao)

Mỗi người trong chúng ta đều có những tiêu chuẩn khác nhau về cái đẹp,…

Cách đổi màu sắc cho tóc bằng Photoshop (nhuộm tóc)

Cách đổi màu sắc cho tóc bằng Photoshop (nhuộm tóc)

Có thể bạn chưa biết, ngoài việc ra tiệm nhuộm tóc thì vẫn còn một…

Xem loạt hình ảnh Photoshop hài hước của trùm chế ảnh

Xem loạt hình ảnh Photoshop hài hước của trùm chế ảnh

Bài viết này mình xin chia sẻ loạt hình ảnh Photoshop hài hước của những…

Cách tách tóc trong Photoshop chỉ với 5 bước đơn giản

Cách tách tóc trong Photoshop chỉ với 5 bước đơn giản

Làm thế nào để tách tóc nền phức tạp là một trong những câu hỏi…

Cách chỉnh mặt nhỏ lại bằng Photoshop

Cách chỉnh mặt nhỏ lại bằng Photoshop

Khuôn mặt tự nhiên có rất nhiều hình dạng khác nhau như mặt hình vuông,…

Top