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ọ.
Belum ada tanggapan untuk "Một số thủ thuật nhỏ với ảnh tải lên ở Blogger và Picasa"
Post a Comment