Cách chỉnh sửa kích thước hình ảnh trong HTML trên Tumblr

Nếu hình ảnh blog của bạn quá lớn, người dùng có thể phải cuộn để xem chúng. Làm cho hình ảnh quá nhỏ và khách truy cập blog có thể không chú ý đến chúng. Các nhà thiết kế trang web tạo trang cho các trang blog như Tumblr thường chỉnh sửa hình ảnh để chúng tăng cường bố cục và nằm gọn trong các trang trình duyệt. Bạn có thể làm tương tự mà không cần sử dụng chương trình chỉnh sửa hình ảnh một khi bạn hiểu cách sử dụng trình soạn thảo HTML của Tumblr.

Chèn hình ảnh

Thêm hình ảnh vào bài đăng trên blog Tumblr của bạn cũng đơn giản như nhấp vào nút "Chèn hình ảnh" ở đầu hộp chỉnh sửa nơi bạn nhập bài đăng của mình. Khi bạn nhấp vào nút đó, một cửa sổ hộp thoại sẽ mở ra và cho phép bạn nhập URL của một hình ảnh nằm trên Internet. Cửa sổ cũng chứa hai hộp văn bản trong phần Kích thước cho phép bạn đặt kích thước hình ảnh của mình. Khi bạn nhấp vào "Chèn", Tumblr sẽ thêm hình ảnh vào hộp chỉnh sửa.

Thay đổi kích thước thủ công

Bạn không phải sử dụng HTML để thay đổi kích thước ảnh trong bài đăng Tumblr của mình. Tay cầm nhỏ xuất hiện xung quanh một hình ảnh trong hộp chỉnh sửa khi bạn nhấp vào nó. Kéo một trong các tay cầm để làm cho hình ảnh lớn hơn hoặc nhỏ hơn. Bạn có thể xem trước bài đăng và hình ảnh của nó bất cứ lúc nào bằng cách nhấp vào "Xem trước". Kéo tay cầm hình ảnh giúp bạn thay đổi kích thước hình ảnh một cách nhanh chóng, nhưng rất khó để cung cấp cho chúng kích thước chính xác bằng phương pháp này. Khi bạn cần cung cấp cho hình ảnh giá trị chiều cao và chiều rộng chính xác, hãy sử dụng HTML.

Trình chỉnh sửa HTML của Tumblr

Nhấp vào nút "HTML" ở đầu hộp chỉnh sửa và trình chỉnh sửa HTML sẽ hiển thị mã HTML của bài đăng. Nếu bài đăng có chứa một hình ảnh, trình chỉnh sửa sẽ hiển thị một dòng mã tương tự như hiển thị bên dưới:

Đây là thẻ HTML img có thuộc tính src có giá trị là URL của hình ảnh của bạn. Giá trị đó là "//www.Some_Site.com/image.jpg." trong ví dụ này Thay đổi giá trị chiều cao và chiều rộng - được biểu thị bằng pixel - thành bất kỳ giá trị nào bạn muốn thay đổi kích thước hình ảnh của mình.

Lời khuyên

Nếu bạn không thích kích thước hình ảnh mới, nhấp vào hình ảnh để chọn nó, nhấp vào nút "HTML" và cập nhật chiều cao và chiều rộng trong trình chỉnh sửa HTML. Bạn cũng có tùy chọn để thêm một hình ảnh mới vào bài đăng của mình bằng cách dán đoạn mã sau trong trình chỉnh sửa:

Thay thế dấu hỏi bằng URL của hình ảnh trên Web và thay thế "X" và "Y" bằng các giá trị chiều cao và chiều rộng tính bằng pixel. Khi thay đổi kích thước hình ảnh bằng HTML, hãy nhớ rằng chất lượng hình ảnh sẽ giảm khi kích thước hình ảnh tăng lên.