px är ett mått (1 cm = ca 28 px) som används oftast inom foto och webbdesign. På vissa tutorials har jag skrivit exempelvis ”max 150px” eller använt px i någon annan mening. Jag får väldigt många frågor ang hur man gör för att ändra storleken. Därav tänkte jag visa 2 exempel: antingen via photoshop eller via kodning.

PX I PHOTOSHOP
Klicka på bilden för att se i större format.

För att få upp ”storleksrutan” i photoshop klickar du ctrl + alt + i. Detta är bra att använda om man ska ha samma proportioner (man kan även kryssa i att inte ha det). Det går även att använda en annan ”storleksruta” som man får upp genom att klicka ctrl + alt + c där man kan förstora ett mellanrum mellan bilden och slutet (som en ram) eller förminska i bilden. Svårt att förklara då det är lättast att testa själv.

När jag skriver ut ”max 150 px bred” ska man alltså skriva in 150 och se till att man valt pixels (pixlar) och inte t ex cm.

PX I KODNING:

Det går även att lägga in bredd och höjd i bildkoden. Kopiera då koden nedan och byt ut det jag skrivit i ”” dvs http://bildadressen.jpg och 300. Man kan självklart lägga in (höjd) också men om man bara lägger in bredden så fixar sig höjden själv. Det blir så proportionerligt som möjligt. När man lägger till bredd-koden på det här sättet så kommer bilden dock vara pixlig men det är det bästa alternativ för de som inte har något bildprogram t ex photoshop.

<img src="http://bildadressen.jpg" width="300" border="0">

- Här kan du läsa om hur man kan mäta en bild via webben.