Vad är en PNG-fil?

är du förvirrad av vad en PNG-fil i Adobe Photoshop är? Om så är fallet är det helt förståeligt eftersom det finns många bildfilformat tillgängliga för fotografer. De vanligaste är Jpeg, GIF, TIFF och naturligtvis PNG.

det som gör saker ännu mer knepiga är att var och en har ett specifikt syfte. I den här artikeln kommer vi att titta på PNG-formatet. Du kommer att lära dig om vad en PNG-fil är, vad den är till för och hur man gör en.

PNG, som uttalas som ”ping” och dess filnamn är .png, står för Portable Network Graphics. Det är en typ av bildformat som webbdesigners använder för att skapa webbplatser eftersom det stöder transparenta bakgrunder och/eller halvtransparenta bilder (Det är faktiskt den enda typen av bildformat som stöder transparens).

denna funktion gör PNG bra för logotyper och dynamisk webbplats grafik. Så om du vill ha en fantastisk webbplats som dina besökare kommer att älska, bör du definitivt använda PNG-formaterade bilder.

oddsen är att du har sett PNG-bilder tidigare, till exempel när en transparent logotyp finns på en fotografs bild, så att du kan se fotot genom logotypen. I det här fallet är syftet med öppenhet att subtilt främja fotografen som tog bilden (och för att förhindra att någon annan använder den).

en datareduktionsteknik som kallas förlustfri komprimering skapar PNG-filer. Det betyder att när någon väljer att komprimera en bild går ingen av data i den förlorad. Med andra ord förblir PNG-filen identisk med den ursprungliga bildfilen. Detta skiljer sig från förstörande komprimering, vilket förlorar information när den komprimerar en filbild.

en annan fördel med PNG är att den stöder gråskala och PNG-8, PNG-24 och PNG 32 färgrymder, vilket ger den möjlighet att visa ett brett spektrum av färger.

detta betyder dock att PNG-filer kan vara stora, varför bilder vanligtvis är i Jpeg-format (Jpeg-filer är förstörande, vilket innebär att varje gång de dekomprimeras raderas data).

ett annat plus med PNG-formatet är att det är patentfritt, vilket innebär att vem som helst kan använda det utan licens.

vilka program öppnar PNG-filer?

massor av program öppnar PNG-filer. Dessa inkluderar standardprogram för fotovisare, fotoredigeringsprogram som Lightroom och Adobe Photoshop och webbläsare. I något av dessa program kan du visa en PNG-fil genom att välja ’Öppna’ i rullgardinsmenyn eller helt enkelt dra och släppa den i programmet eller i en webbläsare.

om du inte redan har Photoshop och Lightroom kan du få dem via Adobes Creative Cloud-Plan för endast $9,99/månad.

Adobe Photoshop och Lightroom och några av de mest populära verktygen som används av fotografer, grafiska designers och webbutvecklare på grund av deras kapacitet.

enklaste sätten att skapa en PNG-fil i Adobe Photoshop

hur man skapar en PNG-fil i Adobe Photoshop är en enkel process. Beroende på vad du vill åstadkomma med en bild eller grafik kan det bara vara några steg eller flera.

steg för att skapa en PNG-fil i Photoshop:

• klicka på Arkiv på toppmenyn och välj sedan öppna
• Välj bildfilen och klicka på Öppna
• klicka på Arkiv från toppmenyn och välj sedan Spara som

• i dialogrutan väljer du PNG från menyn Format

• klicka på Spara

även om detta är ett snabbt sätt att skapa en PNG-fil, ändrar den inte bilden på något sätt, till exempel att göra den transparent eller ta bort bakgrunden för att isolera motivet. Dessa är de vanligaste åtgärderna för PNG-filer. Följ stegen nedan för att lära dig hur du gör båda.

2. Gör en transparent Photoshop-bild

• öppna filen genom att upprepa stegen som beskrivs i nummer 1.
• öppna panelen Lager om den inte redan är synlig till höger. För att göra det, klicka på fönster och välj sedan lager.

• klicka på bakgrundsskiktet i panelen Lager och klicka sedan på OK i dialogrutan som visas. Detta låser upp lagret, så att du kan ändra det.

• klicka på rullgardinsmenyn opacitet i panelen Lager och välj en procentandel lägre än 100%. Ju lägre du går desto mer transparent blir bilden.
• klicka på Arkiv på toppmenyn och välj Spara som och välj PNG från rullgardinsmenyn. Du har nu en transparent Photoshop-bild.

ta bort bakgrunden för att isolera motivet

• öppna filen genom att upprepa stegen som beskrivs i nummer 1.
• Lägg till ett transparenslager: klicka på lager på toppmenyn och välj sedan Nytt. Du kommer nu att se ett nytt tomt lager i lagerpanelen som ser ut som en grå och vit schackbräda. Photoshop ställer in den automatiskt till transparent.

• dra det nya lagret under Bakgrundsbildskiktet i panelen Lager.
• klicka på det nya lagret för att välja det.

tips: istället för att skapa ett nytt lager kan du också klicka på den lilla låsikonen för att låsa upp bakgrundsskiktet. Vad du än tar bort från bilden blir transparent.

• Välj ämne: På verktygsfältet på vänster sida väljer du Magic Wand-verktyget.

• klicka på Välj ämne högst upp i fönstret. Photoshop väljer automatiskt vad det tycker att ämnet / ämnena är. Du kommer att se ’marschera myror’ omgivande val indikerar.

• ta bort bakgrunden: klicka på Välj från toppmenyn och välj sedan Inverse. Detta väljer området för bilden du vill ta bort runt motivet.

• tryck på Delete på tangentbordet. Det grå och vita rutmönstret på den transparenta bakgrunden är nu synligt.
• tryck på Kommando (kontroll på datorer) + D för att ta bort marscherande myror.

Tips: Du kanske upptäcker att valet saknar vissa områden. Det kan till exempel tro att skuggor är kanterna på motivet. För att åtgärda detta, klicka på ikonen
”subtrahera från Val” högst upp i fönstret och använd sedan magic wand-verktyget för att ta bort mer av de oönskade områdena.

fördelarna och nackdelarna med PNG-filer

du läser i början av den här artikeln Vad en PNG-fil är och vad den används för. Du lärde dig också om några av dess fördelar, inklusive förlustfri komprimering (ingen data går förlorad och bildkvaliteten förblir densamma) och att den stöder PNG-8 (256 färger), PNG-24 (över 16 miljoner färger) och PNG-32 (PNG 24 + 8 för transparenta bakgrunder) färgutrymmen.

andra fördelar inkluderar det stora utbudet av transparens från osynliga (0%) till fullt synliga (100%), Du kan lägga till metadata och du kan skapa PNG-filer med flera lager. PNG-filer kan också komprimeras 10-30% mer än GIF-filer.

PNG-formatet har några nackdelar. Till skillnad från GIF, som står för Graphics Interchange Format, stöder PNG inte animering. Som angivits ovan är PNG-filstorlekar vanligtvis större än Jpeg-filer. Detta kan vara ett problem om du inte har mycket lagringsutrymme.

tack och lov är dessa problem i allmänhet inte ett problem för de flesta eftersom PNG-filer oftast är utformade för webbplatser.

så det är det! Du borde vara på god väg att skapa PNG-filer i Photoshop med hjälp av informationen du lärde dig i den här handledningen. Ganska snart kommer du att kunna göra en logotyp som du kan sätta på dina bilder eller göra en attraktiv webbplats.

om du tyckte att den här handledningen var till hjälp kan du också vara intresserad av att kolla in dessa artiklar:

• så här optimerar du dina bilder för webben (steg för steg)
• så här lägger du till ett vattenstämpel med Photoshop och Lightroom
• din Snabbguide till lager i Photoshop

om du hittade den här artikeln till hjälp, Följ oss på Twitter och Facebook för att läsa mer av våra gratis WordPress-handledning och andra resurser.