Как да редактирам размера на изображението в HTML на Tumblr

Ако изображенията на вашия блог са твърде големи, може да се наложи потребителите да превъртат, за да ги видят. Направете изображенията твърде малки и посетителите на блога може да не ги забележат. Дизайнерите на сайтове, които създават страници за блог сайтове като Tumblr, често ощипват картини, така че да подобрят оформлението и да се поберат добре в страниците на браузъра. Можете да направите същото, без да използвате програма за редактиране на изображения, след като разберете как да използвате HTML редактора на Tumblr.

Вмъкване на изображение

Добавянето на изображение към публикацията ви в блога на Tumblr е толкова просто, колкото щракването върху бутона „Вмъкване на изображение“ в горната част на полето за редактиране, където пишете публикацията си. Когато щракнете върху този бутон, се отваря диалогов прозорец и ви позволява да въведете URL адреса на изображение, намиращо се в Интернет. Прозорецът също така съдържа две текстови полета в раздела Размери, които ви позволяват да зададете размерите на вашето изображение. Когато кликнете върху „Вмъкване“, Tumblr добавя изображението в полето за редактиране.

Ръчно преоразмеряване

Не е необходимо да използвате HTML, за да преоразмерите картина в публикацията си в Tumblr. Малки дръжки се появяват около изображение в полето за редактиране, когато щракнете върху него. Плъзнете една от дръжките, за да направите изображението по-голямо или по-малко. Можете да визуализирате публикацията и нейното изображение по всяко време, като кликнете върху „Визуализация“. Плъзгането на манипулатори на изображения ви помага бързо да преоразмерите снимките, но е трудно да им се дадат точни размери, използвайки този метод. Когато трябва да дадете на изображенията точни стойности на височина и ширина, използвайте HTML.

HTML редакторът на Tumblr

Щракнете върху бутона "HTML" в горната част на полето за редактиране и HTML редактор показва HTML кода на публикацията. Ако публикацията съдържа изображение, редакторът показва ред с код, подобен на показания по-долу:

Това е HTML img таг, който има атрибут src, чиято стойност е URL на вашето изображение. Тази стойност е "//www.Some_Site.com/image.jpg." в този пример. Променете стойностите на височина и ширина - изразени в пиксели - на всякакви стойности, които искате да преоразмерите изображението си.

Съвети

Ако новият размер на изображението не ви харесва, щракнете върху изображението, за да го изберете, щракнете върху бутона "HTML" и актуализирайте височината и ширината в HTML редактора. Също така имате възможност да добавите ново изображение към публикацията си, като поставите следния код в редактора:

Заменете въпросителния знак с URL адреса на изображение в мрежата и заменете "X" и "Y" със стойности на височина и ширина в пиксели. Когато преоразмерявате изображения с помощта на HTML, не забравяйте, че качеството на изображението се влошава с увеличаване на размера на изображението.


$config[zx-auto] not found$config[zx-overlay] not found