Chia sẻ công cụ nén ảnh chính chủ của Google


Bạn từng gặp tình cảnh hình ảnh của người khác xem rất nét nhưng dung lượng lại chỉ vài trăm KB, trong khi ảnh mình lại đến cả MB? Bạn muốn tối ưu tốc độ trang Web bằng việc giảm dung lượng ảnh nhưng lại không muốn các hình ảnh đó bị mờ nhòe?
Thực sự vấn đề nằm có thể ở công cụ mà bạn đang sử dụng, nó quá phức tạp hay chỉ đơn giản chức năng là không đủ? Đừng lo vì tôi sẽ giới thiệu cho bạn công cụ rất dễ dùng và còn đến từ Google nữa.
Công cụ có tên là Squoosh và bạn có thể truy cập và sư dụng trên nền Web và có thể sẽ có ứng dụng trong thời gian tới

Hướng dẫn sử dụng Squoosh để nén ảnh

Bước 1: Truy cập theo đường dẫn được cung cấp sau đây trên điện thoại hoặc máy tính: squoosh.app
Bước 2: Tại giao diện chính, bạn có thể kéo thả bức ảnh muốn sử dụng hoặc lựa chọn nó tại "select an image"
Bước 3: Chờ 1 lúc để việc tải ảnh được hoàn thiện, màn hình chỉnh sửa ảnh sẽ được hiển thị với: 2 bên với lựa chọn mặc định bên trái là ảnh gốc còn bên phải là tùy chỉnh tự động
Hình ảnh ở giữa hiển thị trực tiếp các thay đổi để bạn có thể sử dụng một cách rất dễ dàng. Bạn có thể kéo thanh dọc ở giữa qua trái hoặc phải để xem chi tiết các thay đổi

Trên Squoosh cần chú ý các chức năng sau

1. Edit
Bạn tick chọn từng phần để mở ra các tùy chỉnh tương ứng như
Các tùy chọn bên trong Size gồm có
  • Mothod
  • Width
  • Height
  • Maintain aspect ratio
Các tùy chọn bên trong Reduce palette bao gồm
  • Colors
  • Dithering
2. Compress
Bao gồm các tính năng cơ bản như
Lựa chọn định dạng ảnh gồm: 
  • Original image
  • OptiPNG
  • MọzPEG
  • WebP
  • Browser PNG
  • Browser JPEG
  • Browser WebP
Quality: Thanh trượt chất lương hình ảnh
Quality: Tùy chỉnh chất lương ảnh (mặc định là 75) với chỉ số càng cao -> Chất lượng càng lớn -> Dung lượng càng cao
Show advanced settings: Tick để mở thêm các tùy chọn khác
Tại phần Show advanced settings tiến hành tick chọn để hiển thị ra các tính năng chỉnh ảnh bổ sung
  • Channels: Với nhiều tùy chọn
  • Auto subsample chroma
  • Separate chroma quality
  • Pointless spec compliace
  • Progressive rendering
  • Smoothing
  • Quantization: Với nhiều tùy chọn
  • Trellis multipass
  • Optimize after trellis quatization
  • Trellis quatization passes

Tại đây, bạn tùy chỉnh ảnh theo sở thích của mình và có thể nhìn dung lượng ảnh tại phía cuối với nút tải về dưới cùng bên phải
Vừa rồi là những chia sẻ nhanh dành cho công cụ Squoosh, theo đánh giá của mình đây là công cụ khá tiện và có thể sử dụng trên bất cứ chiếc máy tính nào có kết nối mạng chưa kể là cả trên điện thọi.
Nó có thể thay công các công cụ sửa ảnh truyền thống như Photoshop, điều mà khá nhiều bạn ái ngại mỗi khi sửa ảnh bởi quá nhiều chức năng không cần thiết.
Do thời gian tìm hiểu chưa nhiều nên nội dung chưa thể hướng dẫn kỹ các bạn cách tối ưu chất lượng và chỉnh ảnh sao cho tốt. Hẹn các bạn trong bài viết sắp tới nhé. Xin cảm ơn
Trần Hải



Một điều may mắn trong thời đại internet là có rất nhiều bài chia sẻ Tin Mừng đăng trên nhiều website.
Anh chị em chọn bài mình thích rồi chia sẻ lại trên fb VTCG. Một vài nguồn (ACE bổ sung thêm nhé):
  • dongten.net
  • conggiao.info
  • thanhlinh.net
  • tgphue.net
  • ...
Cách làm hiện tại anh chị em hay làm là:
  1. chọn bài chia sẻ
  2. chọn hình
Mình đề xuất anh chị em nên thêm các icon để status nhìn sinh động hơn, miễn là đừng lạm dụng quá.
Anh chị em search Google từ khóa Facebook symbols sẽ thấy nhiều web cung cấp icon, vd:


Sau khi chọn được ảnh minh họa cho bài viết, ta đã có thể chèn ảnh vào bài viết. Công việc này bao gồm 3 bước:

- Up ảnh lên imgur
- Lấy Image Address trên imgur
- Chèn ảnh vào bài viết.

1/ Up ảnh lên imgur:

Trước tiên, đăng nhập vào tài khoản imgur.com rồi làm như hình minh họa:

Khi đó, màn hình sẽ xuất hiện giao diện như hình bên dưới, Ta có thể chọn 1 trong 2 cách up ảnh lên imgur


* Thực hiện cách 1 khi ảnh minh họa đang được lưu trên máy tính:

Nhấn Browser sẽ thấy xuất hiện cửa sổ. Ta trỏ đến thư mục (folder) đang lưu ảnh muốn up, chọn ảnh rồi nhấn Open.

Trong hình minh họa, ảnh được lưu tại thư mục 1pic



* Thực hiện cách 2 nếu biết được image address/link direct của ảnh minh họa:

Hình ảnh minh họa thường là các file có đuôi theo kiểu .jpg, .jpeg, .png, .gif... Vậy nên image address/link direct của ảnh minh họa sẽ có định dạng hiểu http://websitegido.com.jpg  

Ta copy Image Address của ảnh rồi dán vào khung Paste image or URL

Ví dụ thực tế:
Chẳng hạn như, khi xem bài viết này, bạn chọn ảnh đầu tiên làm hình minh họa cho bài viết nào đó trên VTCG. Khi đó, rê chuột lên ảnh rồi nhấp phải


 (1) Nếu chọn Save Image As... Ta chọn thư mục (folder) để lưu ảnh trên máy tính. Vào imgur.com, chọn Browser > trỏ đến thư mục lưu ảnh, chọn ảnh > chọn Open.

(2) Nếu chọn Copy Image hoặc Copy Image Address
 Ta vào imgur.com, đặt chuột vào khung Paste image or URL > nhấp phải chọn Paste.

Như vậy là đã up ảnh lên imgur xong. Nếu cần thao tác chỉnh sửa ảnh sau khi đã up lên imgur, bao gồm: resize ảnh, thêm text... thì bạn làm theo thao tác của hình bên dưới.

2/ Lấy link ảnh trên imgur:

Đặt chuột lên ảnh, nhấp phải chọn Copy Image Address để lấy link ảnh.

3/ Chèn ảnh vào bài viết:

Ta trở lại tab đang soạn thảo bài viết, đặt chuột ở nơi muốn chèn ảnh minh họa. Rồi nhấn liền vào icon Chèn hình ảnh (xem ảnh minh họa).


Dán Image Address vào khung Dán URL hình ảnh vào đây, đợi khi load hình xong > nhấn Thêm hình ảnh đã chọn.

Theo mặc định, blogspot sẽ hiển thị hình ảnh ở giữa, size trung bình. Nếu muốn:
- thay đổi vị trí (trái, phải),
- size ảnh (lớn, rất lớn, kích thước ban đầu),
- xóa ảnh (vì chèn sai vị trí),
- thêm chú thích,
- thêm thuộc tính,

ta chỉ cần đặt chuột lên ảnh vừa chèn. Tiến hành các chỉnh sửa cần thiết.



Vậy là xong rồi đó.

Nếu thấy hướng dẫn còn chưa rõ ràng, rắc rối, nhờ cô chú anh chị em phản hồi để mình điều chỉnh.
Xin cám ơn.

Chú thích:
imgur.com là nơi chia sẻ hình ảnh. Bạn có thể tự tạo tài khoản miễn phí trên imgur.com (hoặc nhờ thầy Giuse Chẩn chia sẻ thông tin đăng nhập tài khoản chung).
Ngoài imgur.com, có nhiều website khác cũng cung cấp dịch vụ chia sẻ hình ảnh. Hoàn toàn tương tự, bạn có thể up ảnh lên đó, lấy link rồi chèn vào bài viết.

03/7/2017

Theo chia sẻ của một số biên tập viên, việc tìm kiếm hình ảnh minh họa cho bài viết thường tốn rất nhiều thời gian. Âu đó cũng là điều phải chấp nhận vì mỗi bài viết có ảnh minh họa chất lượng sẽ góp phần làm cho website thú vị hơn, đáng xem hơn.

Dưới đây là vài chia sẻ nhỏ mong là sẽ giúp anh chị em dễ dàng hơn trong việc chọn hình ảnh minh họa bài viết.

mời ace truy cập: www.blogger.com bằng địa chỉ gmail được mời

sau đó, bấm vào bài đăng mới, và cứ việc post thoải mái ở trang cùng cha khác bố này cho quen, rồi sau đó qua đăng bên VTCG cho chuẩn nhé.

Lưu ý: để ý kẻo đăng nhầm sang www.vanthconggiao.net (với một số có email được cấp quyền cả hai nơi)


VƯỜN VĂN

[VƯỜN VĂN][fbig1][#D58645]

VƯỜN THƠ

[VƯỜN THƠ][fbig1][#D58645]

TẠP VĂN

[TẠP VĂN][fbig1][#D58645]

Thủ thuật Blog

[Thủ Thuật Blog][fbig1][#D58645]
Được tạo bởi Blogger.