Jak edytować rozmiar obrazu w HTML na Tumblrze

Jeśli Twoje obrazy na blogu są zbyt duże, użytkownicy mogą musieli je przewinąć, aby je wyświetlić. Zrobić zbyt małe obrazy, a użytkownicy blogów mogą ich nie zauważyć. Projektanci stron, którzy tworzą strony dla stron blogów, takich jak Tumblr, często zmieniają zdjęcia, aby ulepszyć układ i idealnie pasować do stron przeglądarki. Możesz zrobić to samo bez korzystania z programu do edycji obrazu, gdy zrozumiesz, jak używać edytora HTML Tumblr.

Wstawianie obrazu

Dodanie zdjęcia do posta na blogu Tumblr jest tak proste, jak kliknięcie przycisku "Wstaw obraz" u góry pola edycji, w którym wpisujesz swój post. Po kliknięciu tego przycisku otworzy się okno dialogowe umożliwiające wprowadzenie adresu URL obrazu znajdującego się w Internecie. Okno zawiera również dwa pola tekstowe w sekcji Wymiary, które umożliwiają ustawienie wymiarów obrazu. Po kliknięciu "Wstaw" Tumblr dodaje obraz do pola edycji.

Ręczna zmiana rozmiaru

Nie musisz używać HTML do zmiany rozmiaru zdjęcia w swoim poście Tumblr. Małe małe uchwyty pojawiają się wokół obrazu w polu edycji po jego kliknięciu. Przeciągnij jeden z uchwytów, aby powiększyć lub pomniejszyć obraz. Możesz wyświetlić podgląd wpisu i jego obrazu w dowolnym momencie, klikając "Podgląd". Przeciąganie uchwytów obrazu pomaga szybko zmieniać rozmiar obrazków, ale trudno jest podać dokładne wymiary za pomocą tej metody. Kiedy potrzebujesz podać dokładne wartości wysokości i szerokości, użyj HTML.

Edytor HTML Tumblra

Kliknij przycisk "HTML" u góry okna edycji, a edytor HTML wyświetli kod HTML wpisu. Jeśli wpis zawiera obraz, edytor wyświetla wiersz kodu podobny do pokazanego poniżej:

Jest to tag HTML img z atrybutem src, którego wartością jest adres URL obrazu. Ta wartość to "//www.Some_Site.com/image.jpg". w tym przykładzie. Zmień wartości wysokości i szerokości - wyrażone w pikselach - na dowolne wartości, które chcesz zmienić.

Wskazówki

Jeśli nie podoba ci się nowy rozmiar obrazu, kliknij obraz, aby go zaznaczyć, kliknij przycisk "HTML" i zaktualizuj wysokość i szerokość w edytorze HTML. Możesz również dodać nowy obraz do swojego posta, wklejając następujący kod w edytorze:

Zastąp znak zapytania adresem URL obrazu w Internecie i zastąp "X" i "Y" wartościami wysokości i szerokości w pikselach. Podczas zmiany rozmiaru obrazów przy użyciu języka HTML pamiętaj, że jakość obrazu ulega pogorszeniu wraz ze wzrostem rozmiaru obrazu.