kcr Postad 26 januari, 2015 Share Postad 26 januari, 2015 Har skapat en logga i Illustrator och har sparat den "för webb". Den är knivskarp i Illustrator (så klart) och när jag sparar som och väljer för webb så ser den också ok ut på skärmen. När jag sen laddar upp den till min hemsida så blir den suddig...någon som kan tipsa om vad jag har missat. Tacksam för tips. Den är i RGB och i 300 dpi i AI-dokumentet. Länk till kommentar Dela på andra webbplatser More sharing options...
Hummel Postad 26 januari, 2015 Share Postad 26 januari, 2015 Vilket format är den sparad i? Länk till kommentar Dela på andra webbplatser More sharing options...
davidredjoy Postad 27 januari, 2015 Share Postad 27 januari, 2015 - Precis, formatet? .PNG .JPEG .GIF etc Dessutom - 300dpi för webben är väl lite att ta i? 300dpi brukar användas för utskrifter på papper, när jag gick i skolan lärde vi oss att 72 dpi räcker för webben då sidor inte har sååå täta pixlar på skärmarna vi arbetar med... Nu med retina-displayer ute är det kanske annorlunda men testa halvera det istället till 150 iaf... - Kan va att din hemsida inte vill ladda bilden för att dpi'n är för hög... Sen kanske du ska kolla så din hemsida inte har något mysko tillägg som automatiskt komprimerar bilder över vissa storlekar (menar denna gången MB och inte upplösning/dpi). - Ett ganska välanvänt exempel är t.ex. Facebook som använder en egen MASSIV komprimering på bilder man laddar upp hos dom. Den jag ändrar, och laddar upp oftast - headern, eller "Cover-bilden" som dom säger - har en max storlek på 100kb. Allting över komprimeras ner och blir tokdålig kvalité... =) Länk till kommentar Dela på andra webbplatser More sharing options...
iMatte v. 2.0 Postad 27 januari, 2015 Share Postad 27 januari, 2015 300dpi brukar användas för utskrifter på papper, när jag gick i skolan lärde vi oss att 72 dpi räcker för webben då sidor inte har sååå täta pixlar på skärmarna vi arbetar med... Inställningen för täthet/upplösning har ingen bäring alls på bildskärm/webben. Det är en instruktion till skrivare för hur tätt bilden ska skrivas ut. Det enda mått som är intressant för webb är antalet pixlar på bredden gånger antalet pixlar på höjden. Webbläsaren bryr sig inte om vilket inställning du har satt för täthet/upplösning. Bilden visas med den täthet/upplösning som skärmen har vilket idag kan variera rejält (mellan tex en stor tv-skärm och en smartphone). Måttet 72 dpi är helt obsolet idag. Glöm det. Det var ett vanligt mått för gamla tjockskärmar, inget annat. Länk till kommentar Dela på andra webbplatser More sharing options...
tjorven Postad 27 januari, 2015 Share Postad 27 januari, 2015 se till att bilden ligger i 100% på hemsidan, om bilden är skalad kommer den automatiskt att förändras i kvalitet. enda sättet att få skalbar grafik på nätet är svg-formatet. då jobbar du med vektorer hela vägen. någon nämnde retinadisplay, då ska din bild ha dubbla upplösningen bild@2x. ska det se snyggt ut på en iphone6+ så är det @3x som gäller nuförtiden...det är alltid bra att veta hur du ska använda bilden för att veta vad du måste tänka på. Länk till kommentar Dela på andra webbplatser More sharing options...
johnalder Postad 27 januari, 2015 Share Postad 27 januari, 2015 Det är inte helt ovanligt att mallar man bygger sidor i har fördefinierade mått för olika bildenheter. Det kan innebära att bilder både skalas och beskärs. Högerklicka på bilden (på webben) och välj granska element (eller motsvarande). Där kan du se vilken storlek bilden faktiskt visas i. Om detta är problemet så kan man antingen ändra storleken på bilden (om man tycker det är ok) eller så får man in och pilla i mallen. Om du inte använder en mall så kan det ligga en gammal storleksangivelse kvar och spöka i img-taggen. Länk till kommentar Dela på andra webbplatser More sharing options...
kcr Postad 27 januari, 2015 Författare Share Postad 27 januari, 2015 Hej igen! Tack för alla svar. Den är sparad som en png. Jag har lyckats få till det bättre nu. Funderade lite på några av era kommentarer och har några ytterligare frågor...Tjorven, du skrev "enda sätter att få skalbar grafik är svg-formatet." Vad behöver jag göra då. Det gick inte att ladda upp svg-format till hemsidan..den ligger hos One.com. Ska jag spara den i svg först och sen i något annat format? Sen funderade jag lite på iMattes svar också. Hur ska man tänka då? Om man inte ska gå på 72 dpi. Alltså vilken upplösning tycker du att man ska arbeta i för att optimera för nätet? När man sparar är det inte "Arkiv" + "Spara för webben" som gäller? Tacksam för svar. Jag är ganska ny på det här och uppskattar smarta tips. Länk till kommentar Dela på andra webbplatser More sharing options...
kcr Postad 27 januari, 2015 Författare Share Postad 27 januari, 2015 Johnadler, vad rekommenderar du för mallar? Hittils har jag inte använt mig av några mallar. Länk till kommentar Dela på andra webbplatser More sharing options...
Telly82 Postad 27 januari, 2015 Share Postad 27 januari, 2015 Sen funderade jag lite på iMattes svar också. Hur ska man tänka då? Om man inte ska gå på 72 dpi. Alltså vilken upplösning tycker du att man ska arbeta i för att optimera för nätet? Frågan är fel ställd. Upplösning har ingen betydelse. Det är bara storlek som har betydelse. Pixlar på höjden och bredden är det som gäller. Länk till kommentar Dela på andra webbplatser More sharing options...
tjorven Postad 27 januari, 2015 Share Postad 27 januari, 2015 Frågan är fel ställd. Upplösning har ingen betydelse. Det är bara storlek som har betydelse. Pixlar på höjden och bredden är det som gäller. för skärmgrafik då kanske man ska förtydliga med....när det gäller print och utskrifter behöver man ha lite koll på dpi. men i det här läget är det ju bara att tuta och köra. >kcr om du använder dig av en tjänst för att ladda in bilder till din hemsida kanske de inte stöder alla format. om du kodar sidan själv kan du lägga in .svg som en vanlig image-tag. eller så kan du lägga in den som kodsträng direkt i htmlkoden. Länk till kommentar Dela på andra webbplatser More sharing options...
Hummel Postad 27 januari, 2015 Share Postad 27 januari, 2015 Hej igen! Tack för alla svar. Den är sparad som en png. Jag har lyckats få till det bättre nu. Funderade lite på några av era kommentarer och har några ytterligare frågor... Tjorven, du skrev "enda sätter att få skalbar grafik är svg-formatet." Vad behöver jag göra då. Det gick inte att ladda upp svg-format till hemsidan..den ligger hos One.com. Ska jag spara den i svg först och sen i något annat format? Sen funderade jag lite på iMattes svar också. Hur ska man tänka då? Om man inte ska gå på 72 dpi. Alltså vilken upplösning tycker du att man ska arbeta i för att optimera för nätet? När man sparar är det inte "Arkiv" + "Spara för webben" som gäller? Tacksam för svar. Jag är ganska ny på det här och uppskattar smarta tips. Vilken upplösning har din png-fil? Länk till kommentar Dela på andra webbplatser More sharing options...
tjorven Postad 27 januari, 2015 Share Postad 27 januari, 2015 Om man inte ska gå på 72 dpi. Alltså vilken upplösning tycker du att man ska arbeta i för att optimera för nätet? När man sparar är det inte "Arkiv" + "Spara för webben" som gäller? det går såklart alldeles utmärkt att jobba i 72 dpi när du skapar grafik...det folk här säger är att så fort du sparar ut grafiken som ska användas för skärm, så är det bara antalet pixlar i bilden som är det viktiga. då kan du helt strunta i vilken upplösning du har jobbat i när du skapat bilden. save for webb/spara för webben är det smidigaste sättet att spara ut. Länk till kommentar Dela på andra webbplatser More sharing options...
johnalder Postad 27 januari, 2015 Share Postad 27 januari, 2015 Johnadler, vad rekommenderar du för mallar? Hittils har jag inte använt mig av några mallar. Det var egentligen bara en tänkbar förklaring till ditt problem, eftersom jag märkt av detta själv. Jag jobbar i Wordpress, som till största delen är uppbyggt på att man köper eller laddar hem mallar. Mallar som man sedan kan skruva i för att få sidorna att se ut som man vill. Det finns miljontals utvecklare världen över som utvecklar mallar för Wordpress. Vissa andra webbpubliceringsverktyg bygger också på mallar, ytterligare andra bygger på att man utvecklar från grunden... Länk till kommentar Dela på andra webbplatser More sharing options...
tjorven Postad 27 januari, 2015 Share Postad 27 januari, 2015 något som slog mig precis...kollar du på sidan med en retinadisplay-dator? då kommer bilden se pixligare/oskarpare ut i browsern. anledningen är som jag nämnde tidigare att retinadisplay använder en grafikresurs i dubbla storleken @2x då måste du ladda upp din bild i dubbel storlek för att det ska se "rätt" ut på retinaskärmar. bildbehandlingsprogrammet stöder retina så det ser förmodligen skarpt och "rätt" ut så länge du använder dessa. Länk till kommentar Dela på andra webbplatser More sharing options...
Rekommendera Poster
Arkiverat
Det här ämnet är nu arkiverat och är stängt för ytterligare svar.