Sådan redigeres billedstørrelse i HTML på Tumblr

Hvis dine blogbilleder er for store, skal brugerne muligvis rulle for at se dem. Gør billederne for små, og blog-besøgende kan muligvis ikke bemærke dem. Websteddesignere, der opretter sider til blogsider som Tumblr, tilpasser ofte billeder, så de forbedrer layoutet og passer fint ind i browsersider. Du kan gøre det samme uden at bruge et billedredigeringsprogram, når du har forstået, hvordan du bruger Tumblrs HTML-editor.

Billedindsættelse

Tilføjelse af et billede til dit Tumblr-blogindlæg er så enkelt som at klikke på knappen "Indsæt billede" øverst i redigeringsboksen, hvor du skriver dit indlæg. Når du klikker på knappen, åbnes et dialogvindue og giver dig mulighed for at indtaste webadressen for et billede på internettet. Vinduet indeholder også to tekstbokse i afsnittet Dimensioner, der giver dig mulighed for at angive billedets dimensioner. Når du klikker på "Indsæt", tilføjer Tumblr billedet til redigeringsboksen.

Manuel omformning

Du behøver ikke bruge HTML til at ændre størrelsen på et billede i dit Tumblr-indlæg. Små håndtag vises omkring et billede i redigeringsboksen, når du klikker på det. Træk en af ​​håndtagene for at gøre billedet større eller mindre. Du kan forhåndsvise posten og dens billede til enhver tid ved at klikke på "Forhåndsvisning". Ved at trække billedhåndtag kan du hurtigt ændre størrelsen på billeder, men det er svært at give dem præcise dimensioner ved hjælp af denne metode. Når du skal give billeder præcise højde- og breddeværdier, skal du bruge HTML.

Tumblr's HTML Editor

Klik på knappen "HTML" øverst i redigeringsboksen, og et HTML-editor viser postens HTML-kode. Hvis posten indeholder et billede, viser editoren en kode med samme kode som vist nedenfor:

Dette er en HTML-img-tag, der har en src-attribut, hvis værdi er webadressen til dit billede. Denne værdi er "//www.Some_Site.com/image.jpg." i dette eksempel. Ændre højde- og breddeværdierne - udtrykt i pixels - til de værdier, du kan lide at ændre størrelsen på dit billede.

Tips

Hvis du ikke kan lide den nye billedstørrelse, skal du klikke på billedet for at vælge det, klikke på knappen "HTML" og opdatere højden og bredden i HTML-editoren. Du har også mulighed for at tilføje et nyt billede til dit indlæg ved at indsætte følgende kode i editoren:

Udskift spørgsmålstegnet med webadressen på et billede på nettet, og erstat "X" og "Y" med højde- og breddeværdier i pixels. Når du ændrer størrelsen på billeder ved hjælp af HTML, skal du huske, at billedkvaliteten forringes, da billedets størrelse stiger.