Photoshop

Hur ska jag spara min bild?

Jag har fått en del frågor om hur jag får klara bilder som jag sparar i photoshop. Och jag ser även i min statistik att folk har sökt på det och kommit till min blogg. Jag skrev om olika bildformat för länge sedan, men det hittar jag inte just nu. Så jag tänkte tipsa lite om hur man får fina bilder, även när man sparat ner dem.

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

När man pillar i photoshop (detta gäller faktiskt även i paint) och fixar till en riktigt snygg bild så kan det oftast bli så kan bilden bli lite förstörd om man sparar den i JPEG/JPG. Det blir lite “grynigare” eller “pixligare” om man säger så.

Klicka på bilderna för större format.

saveforweb1

Och när man använder bilder till webben så vill man ju kanske ha klara och fina bilder, men så små som möjligt. Då finns alternativet i photoshop “save for web & devices…” (svenska: “spara för webb” eller dylikt). Där kan man faktiskt få ett bra resultat även med JPEG/JPG om man väljer JPEG high (high i detta sammanhang betyder “high quality” = hög kvalitet)

  • Större bakgrunder sparar jag som JPEG high (eftersom det tar mindre plats och laddas snabbare)
  • Headers, små bilder & färdiga foton sparar jag som PNG (eftersom det inte förstör bilden alls)

Labbar man lite i “save for web & devices…” så ser man skillnaderna mellan de olika formaten. Men ska man ladda upp bilder till webben (till en hemsida eller blogg) så får man oftast ett bättre resultat med PNG (om det inte är jättestora bilder då det kan ta mycket långt tid att ladda).

saveforweb2

På denna bild ser man tydligt vilken kvalitetsskillnad det blir.

I Paint kan du helt enkelt bara ta “spara som” och välja PNG i rullgardinslisten under där du döper din bild.

Några frågor?

För att förstå vad som händer med bilderna när man sparar dem kan du läsa mer om det på Wikipedia.

Vill du läsa mer om PNG?
Vill du läsa mer om JPEG?

Like

Frågor & svar

Info om lösenordsskyddade inlägg.

Ni frågar: Hur gör du för att få ett blogginlägg lösenordsskyddat?

Molly svarar: Jag använder mig inte av blogg.se så jag vet inte direkt hur det går till där. I den bloggtjänsten som jag använder finns det en inbyggd sån funktion.

Jag hittade dock en liten taktik man kan använda om man har blogg.se på designadinblogg.se som är väldigt enkel. Så vill du lösenordsskydda vissa inlägg, klicka här!

Like

Tips

Firebug, ett firefox-tillägg.

Jag blev tipsad om firebug när jag först köpte en egen domän och kunde ändra utseendet på min blogg. Innan var man tvungen att betala för att ändra CSS:en där min blogg låg först. Men jag bytte till programmet där min blogg ligger idag så kunde jag hokus pokus ändra precis allting på min blogg. Vilket ledde till ett annat problem…

Jag kunde inte CSS och HTML alls typ.  Hade försökt mig på nånting på blogg.se, men eftersom jag inte använde det så blev det inte att jag lärde mig på samma sätt. Och i detta program som jag använder så är det inte lika lätt med förhandsvisning för bloggen, det är inte bara att trycka på en knapp. Man måste uppdatera alla filer var för sig och sedan ladda upp dem hos ett webbhotell eller en webbserver.

Så min kära vän Anders tipsade mig om firebug, det är ett tilläg som låter dig se och även att kunna ändra CSS och HTML i en redigerare. Man installerar det via Mozilla Firefox. Det finns inbyggda sådana program/tillägg till andra webbläsare, men jag känner mig trygg med Mozilla Firefox.

Jag tycker att det är ett jättesmidigt sätt att kolla min egen blogg och också andras. Inte för att jag kopierar rakt av.. Men ibland kan jag undra hur någon har gjort en viss grej och så kan jag gå in och kolla det. Jag läser mig eller frågar mig oftast till hur vissa saker ska göras för att det ska bli rätt. Men med firebug får man lite hjälp på traven.

Detta fungerar givetvis till er som har blogg.se också. Men jag uppmanar ingen att gå in på någon annans blogg och sno någonting rakt av, det är inte alls min tanke. Men man kan få idéer och inspiration!

Om jag till exempel vill se vad för färgkod det är på min statistikräknare kan man enkelt kolla det genom att markera texten och högerklicka och sedan > Inspektera element:

firebug2

Eller så kan man klicka på den lilla insekten längst ner till höger som ploppar upp där efter man har installerat tillägget. Och låt oss säga att jag vill få reda på hur hög min header är så är det ett enkelt högerklick > inspektera element, igen.

firebug

Detta är ett bra tips från mig till alla designers där ute. Att jag har sugit på tillägget för mig själv ett tag beror på att jag är orolig över att det kommer att kopieras hej vilt, så hoppas jag bara att ni kan använda det förnuftigt. Eftersom jag vill att alla ska få ta del av detta. Det är ett bra hjälpmedel!

Jag har lärt mig otroligt mycket med hjälp av tillägget genom att ha testat mig fram, eftersom man även kan redigera CSS och HTML direkt i tillägget. Sedan när man är nöjd är det bara att kopiera texten och klistra in i sin PHP-fil eller CSS-fil eller ja.. ni som har blogg.se vet ju var era kodmallar och stilmallar finns.

Like

Recept

Blåbärspaj.

paj

Tillagningstid: 20+ min.

Ingredienser
Portioner: 4

  • 1 l blåbär
  • ca. 1 dl socker
  • 1 msk vetemjöl

SMULDEG:

  • ca. 100 g smör
  • ½ dl socker
  • 4 dl vetemjöl

Gör så här:

  • Värm ugnen till 200°C.
  • Skölj och rensa bären. Blanda dem med socker och mjöl.
  • Smält smöret till smuldegen. Rör ner socker och mjöl. Rör tills det blivit en deg. Låt svalna något.
  • Bottna en pajform med blåbären. Smula över degen. Grädda pajen 15-20 minuter i ugnen.
  • Servera med marsansås, vispad grädde eller glass.

(receptet är från ICA.se, men jag har moddat om det lite)

Like