Pixlig text på hemsida

Har samma storlek på bilderna i koden som de är i orginal. Lyckades få bort pixligheten i ena rubriken genom att ändra från png8 till png24 (vad det nu är för skillnad...), och ändra från "bicubic" till "bilinear i bildkvalitet. De andra rubrikerna är fortfarande pixliga-trots samma behandling- när jag tittar på sidan via localhost, men inte om jag öppnar sidan i mappen som är sparad i biblioteket...

Provade även att ändra till gifformat, blev sämre då.

Har samma storlek på bilderna i koden som de är i orginal. Lyckades få bort pixligheten i ena rubriken genom att ändra från png8 till png24 (vad det nu är för skillnad...), och ändra från "bicubic" till "bilinear i bildkvalitet. De andra rubrikerna är fortfarande pixliga-trots samma behandling- när jag tittar på sidan via localhost, men inte om jag öppnar sidan i mappen som är sparad i biblioteket...

Provade även att ändra till gifformat, blev sämre då.

PNG8 betyder att bilden har 8bitars färgdjup, dvs du kan endast ha 256 olika färger i bilden.
PNG24 är då såklart 24bitars fjärgdjup vilket betyder ca 16 miljoner färger. Detta kan leda till att det blir pixligt om din orginalbild innehåller fler än 256 färger. Har du text så behövs det ytterligare färger för anti-aliasing.

Jag skulle inte rekommendera att köra med någon form av vektorgrafik på webben, stödet i webbläsarna är väldigt dåligt. Det är bättre att köra PNG24 eller JPEG (beroenden på hur bilden ser ut). Det kan dock vara värt att göra orginalet i något vectorbaserat program och sedan konvetera det till ett pixelbaserat format såsom PNG.

I det här fallet skulle jag nästan våga lova att det hade med omskalningsalgoritmen att göra. I photoshop så står det vilken algoritm som är bäst för vilken typ av skalning som görs. Tex så står det att "Bicubic Sharper" är bäst när man förminskar bilder. Det är inte alltid att det stämmer så det kan vara värt att prova några olika för att se vilken som blir bäst.

Det kanske låter bökigt med omskalningsalgoritmer men om man tänker efter så förstår man att det handlar om någon form av avrunding. Säg att du har en bild som är 100x100 pixlar och du vill skala om den till 70x70, då är det inte helt enkelt att räkna ut vilken färg varje pixel skall ha. Det är här dom olika algoritmerna kommer in. Wikipedia har sidor för många av algoritmerna, så det går att läsa mer om man vill veta den exakta skillnaden.

Tack för den utförliga förklaringen!

En följdfråga, när ska man använda de olika formaten? Har använt png till text, där jag vill ha en genomskinlig bakgrund, och gif till vanliga bilder. Men det kanske är bättre att använda jpeg då?