Car Reviews

Auto Show

Sự kiệnThông tinChi tiết
Vietnam Motor Show 20165/10 đến 9/10 tại I.C.E, 91 Trần Hưng Đạo, Hà Nội Tham gia
Vietnam International Motor Show 201626/10 đến 30/10 tại SECC, 799 Nguyễn Văn Linh, Sài Gòn Tham gia

Thursday, November 15, 2012

Thủ thuật chỉnh sửa ảnh trên Blogger & Picasa

Bạn đã tải lên một hình ảnh để sử dụng trong Blog của bạn, Bây giờ bạn muốn thay đổi kích cỡ (độ lớn hình ảnh). Bạn nên làm gì? Bạn có thể: - Awesome Tips To Resize And Edit Images On Blogger & Picasa

Chia sẻ:
Thủ thuật chỉnh sửa ảnh trên Blogger & Picasa
Nếu bạn đang sử dụng Blogger thì tất cả các hình ảnh bạn tải lên trên blogspot của bạn sẽ được lưu trữ trong Album Picasa. Picasa là một dịch vụ lưu trữ ảnh miễn phí của Google.Điều này có nghĩa là gì? khi bạn tạo một blog, Picasa sẽ tự động tạo ra một Album cho blog. Album ảnh này sẽ có cùng tên như blog của bạn. Hãy kết hợp với bài viết Upload ảnh lên bloger không giới hạn băng thông để có được những hình ảnh tốt nhất nha.
Bạn đã tải lên một hình ảnh để sử dụng trong Blog của bạn, Bây giờ bạn muốn thay đổi kích cỡ (độ lớn hình ảnh). Bạn nên làm gì? Bạn có thể:
  • Chỉnh sửa hình ảnh trong một biên tập hình ảnh
  • Thay đổi kích thước hình ảnh và lưu trong máy tính của bạn
  • Thủ tải lên Blogger
Trong bài viết này, bạn sẽ học sử dụng các tính năng được xây dựng Thay đổi kích thước hình ảnh với một số lời khuyên bổ sung.

Ở đây, tôi có một hình ảnh mẫu với các kích thước 2000px x 2000px Dưới đây là liên kết trực tiếp được lưu trữ trên máy chủ của tôi (Bạn hãy bấm vào hình ảnh để xem kích thước thật của hình ảnh đó nha).
Và đây đây là URL hình ảnh tôi tải lên Host Picasa của Blogger:
http://3.bp.blogspot.com/-00TsVjEdDWM/UKRRV5Fp-sI/AAAAAAAAB5o/IAvBhFnigD0/s1600/namkna-2000x2000.png
Trong url này, chú ý đường dẫn trước tên ảnh (namkna-2000x2000.png) đó là S1600. Đây là kích thước mặc định trong blogger, cũng có nghĩa là kích thước hình ảnh lớn (max) nhất trong blogger là 1600 px Và hình ảnh của bạn sẽ bị thu nhỏ lại xuống còn 1600px nếu kích thước ảnh lớn hơn S1600.

Làm thế nào để thay đổi kích cỡ hình ảnh của riêng tôi?

Tải hình ảnh lên Blogger và nhận được các liên kết URL hình ảnh trực tiếp. Nếu bạn muốn hình ảnh chiều rộng 250px, thay đổi S1600 để s250 (bằng cách thay đổi đường dẫn s bạn có thể sử dụng bất kỳ chiều rộng mà bạn muốn.)
Dưới đây là ví dụ mình thay đổi kích thước ảnh từ 1600px thành 250px, 800px, 100px.
  • http://3.bp.blogspot.com/-00TsVjEdDWM/UKRRV5Fp-sI/AAAAAAAAB5o/IAvBhFnigD0/s250/namkna-2000x2000.png
  • http://3.bp.blogspot.com/-00TsVjEdDWM/UKRRV5Fp-sI/AAAAAAAAB5o/IAvBhFnigD0/s800/namkna-2000x2000.png
  • http://3.bp.blogspot.com/-00TsVjEdDWM/UKRRV5Fp-sI/AAAAAAAAB5o/IAvBhFnigD0/s100/namkna-2000x2000.png
- Kích thước ảnh sau khi thay dổi có chiều rộng và chiều cao tương ứng với tỷ lệ ảnh ban đầu.

Chuyện gì sẽ sảy ra nếu chiều rộng và cao ảnh khác nhau?

- Hình ảnh mẫu đầu tiên là có chiều rộng (width) và chiều cao (height) đều bằng 2000 pxiels (xem ảnh gốc). Nếu tôi tải  hình ảnh lên blogger sẽ được hình ảnh mới  có kích thước vuông 1600 pixel. Xem hình ảnh dưới đây.
 http://3.bp.blogspot.com/-00TsVjEdDWM/UKRRV5Fp-sI/AAAAAAAAB5o/IAvBhFnigD0/s1600/namkna-2000x2000.png
- Hình ảnh mẫu thứ 2 kích thước là 2000px x 1200px. Đây là Link trực tiếp và được lưu trữ trên máy chủ của tôi (xem ngay).
Còn đây là hình ảnh trên picasa của blogger:
http://4.bp.blogspot.com/-c2L9r6iHs0M/UKRe_y2WobI/AAAAAAAAB6s/RN91NJ4cJOc/s1600/namkna-2000x1200.jpg
chiều rộng hình ảnh ở trên là 1600px và chiều cao được điều chỉnh tương ứng với tỷ lệ kích thước hình ảnh gốc.

- Hình ảnh mẫu thứ 3 kích thước là 1200px x 2000px. Đây là liên kết trực tiếp và được lưu trữ trên máy chủ của tôi (Xem ngay).
Còn đây là hình ảnh trên picasa của blogger:
http://2.bp.blogspot.com/-9U0paFHnaPY/UKReLQdCU4I/AAAAAAAAB6g/e3J1EXx-5ww/s1600/namkna-1200x2000.jpg
chiều cao hình ảnh ở trên là 1600px và chiều rộng được điều chỉnh tương ứng với tỷ lệ kích thước hình ảnh gốc.

Làm thế nào để cắt lấy một phần hình ảnh?

Picasa cũng cung cấp Cắt xén ảnh. có nghĩa là, nếu bạn đưa ra một kích thước hình ảnh xác định, nó sẽ tự động cắt hình ảnh thêm từ hai bên và tạo ra một hình ảnh hoàn hảo vuông.
Làm thế nào để Cắt hình ảnh?
Sau khi thay đổi kích thước hình ảnh chỉ cần thêm -c (dấu trừ và chữ cái c) ở cuối kích thước hình ảnh như sau S100-c. Ví dụ hình ảnh.
http://3.bp.blogspot.com/-00TsVjEdDWM/UKRRV5Fp-sI/AAAAAAAAB5o/IAvBhFnigD0/s100-c/namkna-2000x2000.png
Chọn vị trí sử dụng trên ảnh gốc?
Ví dụ hình ảnh là rất lớn. nếu bạn muốn đặt hình ảnh trong bài viết của bạn. nhưng trang web của bạn tải rất chậm. Do đó giải pháp là sử dụng các ảnh thay thế.  Ảnh thay thế này đặt trong bài viết của bạn và liên kết với bản gốc của hình ảnh.
<a href="http://3.bp.blogspot.com/-00TsVjEdDWM/UKRRV5Fp-sI/AAAAAAAAB5o/IAvBhFnigD0/s1600/namkna-2000x2000.png">
             <img src="" alt="http://3.bp.blogspot.com/-00TsVjEdDWM/UKRRV5Fp-sI/AAAAAAAAB5o/IAvBhFnigD0/s100-c/namkna-2000x2000.png"/>
</a>
Đây là minh họa

Các thủ thuật bổ xung thêm?

Thủ thuật 1: Nếu bạn dán liên kết hình ảnh bình thường trong trình duyệt của bạn, nó sẽ hiển thị hình ảnh.
http://3.bp.blogspot.com/-00TsVjEdDWM/UKRRV5Fp-sI/AAAAAAAAB5o/IAvBhFnigD0/s1600/namkna-2000x2000.png
Nhưng thêm -d vào cuối của kích thước hình ảnh.S1600-d như vậy, điều gì sẽ xảy ra? (Click vào đây!)
http://3.bp.blogspot.com/-00TsVjEdDWM/UKRRV5Fp-sI/AAAAAAAAB5o/IAvBhFnigD0/s1600-d/namkna-2000x2000.png
Tắt chức năng hiển thị hình ảnh trên trình duyệt, Khi đó một hộp thoại yêu cầu tải hình ảnh về máy xuất hiện. Đây là thủ thuật rất hay và hữu ích với các blog /web trưng bày hình ảnh, và bạn có thể cung cấp cho khách truy cập blog các liên kết để tải về hình ảnh mà không cần phải Upload lên host thứ 3)
Thủ thuật 2:  Ở đây namkna thấy một thủ thuật với Album Picicasa khác đó là thêm ký tự nhúng video vào hình ảnh. Để làm được điều này, đơn giản thêm -o ở cuối của kích thước hình ảnh. S420-o thích như vậy.
 http://3.bp.blogspot.com/-00TsVjEdDWM/UKRRV5Fp-sI/AAAAAAAAB5o/IAvBhFnigD0/s420-o/namkna-2000x2000.png
Đây là những thủ thuật rất hữu ích và tiết kiệm rất nhiều thời gian thay đổi kích thước hình ảnh. Namkna sử dụng tất cả thời gian khi nào tôi cần.
Hy vọng bạn thích thủ thuật này. và xin vui lòng chia sẻ! Cảm ơn!

12 nhận xét:

  1. Cho mình hỏi làm sao bố cục hình ảnh trộn lẫn với văn bản như bài này của bạn đc !
    Mình có up hình lên mà không có thuộc tính bộ cục để trộn
    Thank help !

    ReplyDelete
    Replies
    1. 1- Bạn tải hình lên bài viết
      2- bấm chuột vào hình muốn định dạng rồi chọn các thuộc tính: trái (left) giữa (center) và phải (right) để định dạng ảnh nha.

      Delete
    2. Thank đã share nhưng mình cần thủ thuật lồng hình ảnh vào giữa văn bản ấy !
      Ví dụ như trong bài trên cũa bạn thì hình ảnh nằm 1 góc còn text bao quanh ấy.

      Delete
    3. Khi bạn tải ảnh lên và định dạng trái (left) hoặc phải (right) thì hình ảnh sẽ tự động lệch xang bên bạn muốn và chữ sẽ hiện bwn cạnh.

      Nếu muốn code thủ công bạn hãy dùng code này:

      <a href="#" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img height="198" src="Link ảnh" width="200" /></a>

      Delete
  2. Bài viết rất hữu ích.
    Tiện thể cho mình hỏi nhiều lúc mình post cả trăm cái ảnh cùng 1 lúc, tuy nhiên có cái nó để 1600s có cái để 400s có cái để 320s,mặc dù mình lấy từ cùng 1 album, có cách nào để bài viết tự động nhận là 1600s ko ? nếu chỉnh từng cái thì lâu quá.
    Với cả khi mình chọn ảnh trong album của pisca lúc post bài blog, phải click từng ảnh theo thứ tự, sau đó mới bấm "đăng ảnh đã chọn", mà mỗi ngày mình phải post đến mấy nghìn ảnh, click nhừ tử, có cách nào post ảnh từ picasa vào blog nhanh hơn không ?

    ReplyDelete
    Replies
    1. 1- Tùy theo kích thước bạn sử upload mà chia thành 1600s, 400s, 320s,.. chứ không liên quan đến cài đặt nha bạn.

      2- Bạn có thể tải ảnh trực tiếp lên blog như bài viết này Có thể tải lên 1 lúc nhiều ảnh và bấm vào thêm ảnh đã chọn mà không phải bấm vào từng ảnh.

      Delete
  3. dạ cho e hỏi
    e muốn tạo 1 album ảnh vào blogger thì e phải làm thế nào ạ
    e cảm ơn

    ReplyDelete
    Replies
    1. Bạn có thể dùng một số slide cho ảnh ý. tốt nhất bạn nên tìm ở đây nề, mình không viêt mấy bài đó nên không rõ :

      http://namkna.blogspot.com/search/label/Blogspot%20Slider?&max-results=10

      Delete
  4. Chào bạn,

    Mình up anh lên và điều chỉnh kích thước để phù hợp với trang chủ thì các ảnh trong từng pages cũng thay đổi theo cùng 1 kt và nhìn rất nhỏ, bạn thử xem giúp mình có cách nào chỉnh ảnh bên trong mà trang chủ ko ảnh hưởng đến kích thước? đây là site của mình bạn thử xem giúp mình với nhé
    http://www.inhathanh.net/

    ReplyDelete
  5. Cho hỏi mình nên tối ưu như thế nào khi google pagespeed lại thông báo như thế này
    Tận dụng tính năng lưu vào bộ nhớ cache của trình duyệt cho các tài nguyên có thể lưu trong bộ nhớ cache sau:
    https://1.bp.blogspot.com/…WJACLcB/s320/IMG_20160408_221214_HDR.jpg (24 giờ)
    https://1.bp.blogspot.com/…2B5%2B%25C4%2590%25E1%25BA%25BEN%2B8.jpg (24 giờ)
    https://2.bp.blogspot.com/…Ir3A5bpU72Vi7NI3gCLcB/s1600/bg_menu1.png (24 giờ)
    https://2.bp.blogspot.com/…lUT38jk7A6C2_kCWoWDgCLcB/s1600/gotop.png (24 giờ)
    https://3.bp.blogspot.com/…/s320/1300%2BT%25C3%2594NG%2BTHE%2B1.jpg (24 giờ)
    https://3.bp.blogspot.com/…bRLyjBJJ__y860x7gCLcB/s320/TOMMY%2B3.jpg (24 giờ)
    https://3.bp.blogspot.com/…BBOP1EQOYxmnaaIQCLcB/s320/background.png (24 giờ)
    https://3.bp.blogspot.com/…jTD_ElFV68krjo-o8wgCLcB/s1600/YiShop.png (24 giờ)
    https://4.bp.blogspot.com/…EskDosjVJ5BFSaQCLcB/s320/kate%2Bsilk.jpg (24 giờ)
    https://4.bp.blogspot.com/…PpdsMQ970N2j02OS3VifwCLcB/s1600/buy1.png (24 giờ)
    https://4.bp.blogspot.com/…tUaQu2XsACLcB/s1600/vai-kate-cao-cap.jpg (24 giờ)

    ReplyDelete