Slik redigerer du bildestørrelse i HTML på Tumblr

Hvis bloggenes bilder er for store, må brukerne kanskje bla for å se dem. Gjør bildene for små, og blogg besøkende kan ikke legge merke til dem. Webdesignere som lager sider for blogtsider som Tumblr, tilpasser ofte bilder slik at de forbedrer oppsettet og passer pent inn i nettlesersidene. Du kan gjøre det samme uten å bruke et bilderedigeringsprogram når du forstår hvordan du bruker Tumblrs HTML-editor.

Bildeinnsetting

Å legge til et bilde i Tumblr-blogginnlegget ditt er så enkelt som å klikke på "Sett inn bilde" -knappen øverst i redigeringsboksen der du skriver inn innlegget ditt. Når du klikker på denne knappen, åpnes et dialogvindu og lar deg skrive inn nettadressen til et bilde som er plassert på Internett. Vinduet inneholder også to tekstbokser i avsnittet Dimensjoner som lar deg angi bildens dimensjoner. Når du klikker på "Sett inn", legger Tumblr bildet til redigeringsboksen.

Manuell omforming

Du trenger ikke å bruke HTML for å endre størrelse på et bilde i Tumblr-innlegget ditt. Små håndtak vises rundt et bilde i redigeringsboksen når du klikker på det. Dra en av håndtakene for å gjøre bildet større eller mindre. Du kan forhåndsvise innlegget og dets bilde når som helst ved å klikke på "Forhåndsvisning". Hvis du drar bildehåndtak, kan du endre størrelsen på bildene raskt, men det er vanskelig å gi dem nøyaktige dimensjoner ved hjelp av denne metoden. Når du trenger å gi bilder nøyaktige høyde- og breddeverdier, bruk HTML.

Tumblr's HTML Editor

Klikk på "HTML" -knappen øverst i redigeringsboksen, og en HTML-editor viser postens HTML-kode. Hvis innlegget inneholder et bilde, viser redigereren en kode som ligner den som er vist nedenfor:

Dette er en HTML-img-tag som har et src-attributt hvis verdi er nettadressen til bildet ditt. Den verdien er "//www.Some_Site.com/image.jpg." i dette eksemplet. Endre høyde- og breddeverdiene - uttrykt i piksler - til alle verdier du liker å endre størrelsen på bildet ditt.

Tips

Hvis du ikke liker den nye bildestørrelsen, klikker du på bildet for å velge det, klikker på "HTML" -knappen, og oppdaterer høyden og bredden i HTML-editoren. Du har også muligheten til å legge til et nytt bilde i innlegget ditt ved å lime inn følgende kode i redigeringsprogrammet:

Bytt spørsmålstegn med URL-adressen til et bilde på nettet, og erstatt "X" og "Y" med høyde- og breddeverdier i piksler. Når du endrer størrelsen på bilder ved hjelp av HTML, må du huske at bildekvaliteten forringes etter hvert som bildet øker.

Populære Innlegg