Một số thủ thuật nhỏ với ảnh tải lên ở Blogger và Picasa

Nếu bạn up ảnh ở Blogger thì thực chất ảnh đó đang được lưu trữ ở Picasa một dịch vụ lưu trữ ảnh miễn phí cua Google. Ở bài viết này mình sẽ hướng dẫn một số thủ thuật các bạn có thể làm với ảnh đã được tải tên, chỉ bằng cách chỉnh sửa url một cách đơn giản. Với những thủ thuật này hy vọng sẽ giúp các bạn có được thêm ý tưởng để làm đẹp cho blog của chính mình.

Một số thủ thuật nhỏ với ảnh qua url ở Blogger

Đối với một ảnh thông thường khi được tải lên một ảnh, nó thường sẽ có url với dạng như sau:

http://2.bp.blogspot.com/-LlHpzGPQXUs/Uw1itp9wZpI/AAAAAAAABqI/MXg7EY9ZKrE/s1600/KslZone+Blogger.jpg

ví dụ đây là hình ảnh của mình

Ở tất cả thủ thuật dưới đây, cái mà chúng ta quan tâm là đoạn mà mình in đậm ở trên, chúng ta thay chỉ cần thay đổi thuộc tính đó thì chúng ta sẽ được hình ảnh như mong muốn.

Thay đổi kích thước hình ảnh (Resize Image)

Mẹo đầu tiên mình muốn nói đến là thay đổi kích thước của hình ảnh đã được tải lên, để thay đổi kích thước rất đơn giản, các bạn thay đổi s1600 thành sChiềuRộngẢnh tính theo px (pixels), v.d. mình sẽ thay đổi cho ảnh nhỏ xuống với chiều rộng là 500px

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyX9y0HW2P2tWPntUXXnIj6qJTFzko2IvZRXLDCJ-LRx66CHUYKVgKqLVErbCuZsA1wSY6mKEZIqFjkc6HBMcqu8lacM9rrmFVaJgqXSiRB4YtUUuKuSJqzOkXZELknEeq5bm2Zl3Mof8/s500/KslZone+Blogger.jpg

Cắt ảnh thành hình vuông

Đây là cách mà Blogger lấy ra ảnh thumbnail, nó resize ảnh về 72px và cắt thành hình vuông, bạn thường thấy ảnh này ở tiện ích Bài đăng phổ biến, hoặc Auto Readmore với thumbnail không Javascript. Để cắt ảnh về hình vuông, bạn thêm -c vào ngay sau đuôi của phần quy định chiều rộng của ảnh ở trên, v.d. mình cắt ra một hình vuông với kích thước 500px

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyX9y0HW2P2tWPntUXXnIj6qJTFzko2IvZRXLDCJ-LRx66CHUYKVgKqLVErbCuZsA1wSY6mKEZIqFjkc6HBMcqu8lacM9rrmFVaJgqXSiRB4YtUUuKuSJqzOkXZELknEeq5bm2Zl3Mof8/s500-c/KslZone+Blogger.jpg

Cắt ảnh thành hình chữ nhất

Để cách ảnh thành hình chữ nhật, các bạn làm như việc cắt ảnh thành hình vuông ngoại trừ các bạn thay -c thành -o vào sau đoạn quyết định chiều rộng của ảnh, v.d. mình sẽ cắt ra hình chữ nhật với chiều rộng là 500px

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyX9y0HW2P2tWPntUXXnIj6qJTFzko2IvZRXLDCJ-LRx66CHUYKVgKqLVErbCuZsA1wSY6mKEZIqFjkc6HBMcqu8lacM9rrmFVaJgqXSiRB4YtUUuKuSJqzOkXZELknEeq5bm2Zl3Mof8/s500-o/KslZone+Blogger.jpg

Tải về ảnh khi ấn vào đường dẫn

Nếu các bạn muốn cho người dùng tải về ngay khi ấn vào url của ảnh, các bạn thêm -d vào sau đoạn quyết định chiều rộng ảnh, v.d. mình cho người dùng tải về ảnh trên mặc định với kích thước 250px

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyX9y0HW2P2tWPntUXXnIj6qJTFzko2IvZRXLDCJ-LRx66CHUYKVgKqLVErbCuZsA1wSY6mKEZIqFjkc6HBMcqu8lacM9rrmFVaJgqXSiRB4YtUUuKuSJqzOkXZELknEeq5bm2Zl3Mof8/s250-d/KslZone+Blogger.jpg

Cắt ảnh chuẩn theo kích thước

Thực chất về cái ví dụ cắt ra ảnh hình vuông ở trên, chúng ta không cung cấp chiều cao cho nó nên nó ảnh ảnh theo cùng chiều cao và chiều rộng.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyX9y0HW2P2tWPntUXXnIj6qJTFzko2IvZRXLDCJ-LRx66CHUYKVgKqLVErbCuZsA1wSY6mKEZIqFjkc6HBMcqu8lacM9rrmFVaJgqXSiRB4YtUUuKuSJqzOkXZELknEeq5bm2Zl3Mof8/s500-c-h200/KslZone+Blogger.jpg

Lời kết

Đó là một vài thủ thuật nhỏ bạn có thể làm với ảnh được tải lên Blogger, nếu bạn tinh ý ở bài viết

• Tăng kích thước thumbnail không giảm chất lượng ảnh cho Blogger

đã lợi dụng những thủ thuật trên để resize ảnh thumbnail một cách chất lượng hơn, việc resize ảnh với kích thước hợp lý cũng sẽ giúp blog của bạn tải nhanh hơn rất nhiều. Nếu để ý thì bạn sẽ nhận thấy rất nhiều template mới tại themeforest họ cũng sử dụng thủ thuật này để viết ra đoạn jQuery lấy những ảnh thumbnail chất lượng, và đúng kích thước cho trang chủ trong template của họ.