Så här redigerar du bildstorlek i HTML på Tumblr

Om dina bloggbilder är för stora kan det hända att användare bläddrar för att se dem. Gör bilderna för små, och blogg besökare kanske inte märker dem. Webbdesigners som skapar sidor för bloggwebbplatser som Tumblr anpassar ofta bilder så att de förbättrar layouten och passar in i webbläsarsidorna. Du kan göra detsamma utan att använda ett bildredigeringsprogram när du förstår hur du använder Tumblrs HTML-redigerare.

Bildinsättning

Att lägga till en bild i ditt Tumblr-blogginlägg är så enkelt som att klicka på knappen "Infoga bild" längst upp i redigeringsrutan där du skriver in ditt inlägg. När du klickar på den här knappen öppnas ett dialogfönster och låter dig ange webbadressen till en bild som finns på Internet. Fönstret innehåller också två textrutor i avsnittet Dimensioner som låter dig ställa in bildens dimensioner. När du klickar på "Infoga" lägger Tumblr bilden till redigeringsrutan.

Manuell omformning

Du behöver inte använda HTML för att ändra storlek på en bild i ditt Tumblr-inlägg. Små handtag dyker upp runt en bild i redigeringsrutan när du klickar på den. Dra en av handtagen för att göra bilden större eller mindre. Du kan förhandsgranska inlägget och dess bild när som helst genom att klicka på "Förhandsgranska". Genom att dra bildhanteringar kan du snabbt ändra storlek på bilder, men det är svårt att ge dem exakta dimensioner med hjälp av den här metoden. När du behöver ge bilder exakta höjd- och breddvärden, använd HTML.

Tumblrs HTML Editor

Klicka på "HTML" -knappen längst upp i redigeringsrutan, och en HTML-redigerare visar postens HTML-kod. Om posten innehåller en bild, visar redigeraren en kod kod som liknar den som visas nedan:

Det här är en HTML-img-tagg som har ett src-attribut vars värde är webbadressen till din bild. Det värdet är "//www.Some_Site.com/image.jpg." i detta exempel. Ändra värdena för höjd och bredd - uttryckt i pixlar - till alla värden du vill ändra storlek på din bild.

tips

Om du inte gillar den nya bildstorleken klickar du på bilden för att markera den, klickar på "HTML" -knappen och uppdaterar höjden och bredden i HTML-redigeraren. Du har också möjlighet att lägga till en ny bild i ditt inlägg genom att klistra in följande kod i redigeraren:

Byt frågetecken med webbadressen till en bild på webben och ersätt "X" och "Y" med höjd och bredd i pixlar. När du ändrar storlek på bilder med HTML, kom ihåg att bildkvaliteten försämras när bildens storlek ökar.