WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Bildförminskning, behåll kvaliten (https://www.wn.se/forum/showthread.php?t=1039773)

youheardit 2009-12-29 23:46

Bildförminskning, behåll kvaliten
 
Tjena!
Jag stör mig mycket på att när man förminskar en bild på hemsidan, och med förmiska menar jag genom css såsom
Kod:

<img src="bilden.png" width="200" height="200" />
när vi säger att "bilden.png" är 400x400px..

men i IE så när denna förminskningen sker så blir kvaliten på bilden urusel, medans i tex Chrome (har bara testat i chrome) så blir bildens kvalite densamma som om den vore 400x400. finns det något script eller enkel kodsnutt som gör att pixlarna blir bättre?

hoppas ni förstår hur jag menar!

tacksam för svar :)
//Philip Andersson!

BjörnJ 2009-12-30 00:06

Oftast är det bättre att använda en bild i rätt storlek, så sparar man bandbredd också, och det går snabbare att ladda sidan.

Cosma 2009-12-30 00:54

Annars är det Timthumb du letar efter.

http://www.darrenhoyt.com/2008/04/02...ript-released/

youheardit 2009-12-30 01:06

Citat:

Ursprungligen postat av BjörnJ (Inlägg 20337041)
Oftast är det bättre att använda en bild i rätt storlek, så sparar man bandbredd också, och det går snabbare att ladda sidan.

Jo, jag vet, men bygger en sportsida och ett klubbmärke som normalt är i 100x100 ska bli 80x80 i ett spelschema och det gäller samma bild då. samt att märket laddas upp via php och hittade inget vettigt autoskalare script

youheardit 2009-12-30 01:08

Citat:

Ursprungligen postat av Cosma (Inlägg 20337050)
Annars är det Timthumb du letar efter.

http://www.darrenhoyt.com/2008/04/02...ript-released/

Tack, detta "funkade". kan tyvärr inte använda det, j*vla webbhotellet citynetwork tillåter ju ingenting i php, scriptet får inte använda mkdir(), touch() eller chmod().... kan inte iheller ändra chmod manuellt... :eek: aja, tack iaf :)

eliasson 2009-12-30 08:31

Jag skulle nog leta efter en klass som använder sig av imagemagick för PHP istället för att använda det sunkiga GD.
ImageMagick: http://www.imagemagick.org/script/index.php
Klasser: http://www.google.se/#hl=sv&source=h...96593a469058b2

Lindahl 2009-12-30 09:24

Testa följande css:
Kod:

img
{
-ms-interpolation-mode: bicubic;
}

Borde funka med IE7 och senare.

Cosma 2009-12-30 09:28

Lindahl, av intresse - kan du förklara vad den där attributet gör?

Lindahl 2009-12-30 09:49

Inte så mycket att förklara egentligen, det är ett Microsoft-specifikt css-attribut som helt enkelt säger vilken algoritm IE ska använda för att ändra storlek på bilder.

Mer info: http://msdn.microsoft.com/en-us/libr...22(VS.85).aspx

tartareandesire 2009-12-30 14:11

Citat:

Ursprungligen postat av Lindahl (Inlägg 20337082)
Inte så mycket att förklara egentligen, det är ett Microsoft-specifikt css-attribut som helt enkelt säger vilken algoritm IE ska använda för att ändra storlek på bilder.

Mer info: http://msdn.microsoft.com/en-us/libr...22(VS.85).aspx

Vilken interpolationsmetod som är att föredra varierar dock lite beroende på vad för typ av bild det handlar om. Det bästa alternativet är i princip alltid att ha bilder i rätt storlek. Det är tämligen enkelt att skala om direkt vid uppladdning till de storlekar man använder sig av.


Alla tider är GMT +2. Klockan är nu 19:16.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson