Gör en logotyp transparent

I korthet

Så gör du

1. Börja med den största versionen du hittarLogotypen i en e-postsignatur är ofta under 200 px bred. Leta efter originalet i en varumärkesmapp, ett presskit, en PDF eller webbplatsens egna bildfiler. En friläggning kan inte lägga till detaljer som inte finns, så en källa på 2000 px ger rena kanter och en på 150 px ger mjuka, hackiga.
2. Ta bort bakgrunden och kontrollera hålenTa bort bakgrunden och zooma sedan in på bokstäver med slutna former som O, A, B, e och g, och på mellanrum mellan symbol och ordmärke. Även de inre ytorna måste vara transparenta, annars syns inte bildens eller sidhuvudets färg genom dem. Byt förhandsvisningen till en mörk bakgrund för att hitta vitt som blivit kvar.
3. Exportera för där den ska användasLadda ner en transparent PNG för presentationer, dokument och mockups av profilprodukter, eller WebP för en webbplats, där filen blir mindre. Gör kvadratiska versioner för favicons och sociala profiler, med luft runt märket så att en rund beskärning inte klipper det.

Tips och vanliga misstag

• Vit kant på mörk bakgrundKantpixlarna i en logotyp sparad på vitt är blandade med vitt, så efter friläggningen syns de som en ljus kontur mot marinblått eller svart. Lös det genom att frilägga från en större källa, eller gör en separat ljus version av logotypen (vit eller i omvända färger) för mörka bakgrunder. Många varumärken har båda.
• Använd SVG när du har detFör en logotyp i en webbplats sidhuvud rekommenderar MDN SVG när det finns en vektorversion, och förlustfria format för rasterlogotyper, eftersom fransar kring skarpa kanter syns tydligt. En transparent PNG är reservlösningen när du bara har ett foto eller en JPG.
• Favicons behöver symbolen, inte ordmärketEn favicon visas pytteliten i webbläsarflikar och sökresultat. Beskär till symbolen eller första bokstaven, håll den kvadratisk (Google kräver 1:1) och ge den en fylld eller kontrastrik form så att den syns på både ljusa och mörka flikar.
• Presentationer och dokumentEn bild i bredbildsformat i PowerPoint är 13,333 x 7,5 tum (16:9). Infoga logotypen som PNG, inte JPG, så att bildens färg syns igenom och du slipper en vit rektangel på en färgad mall.
• Profilprodukter och tryckEn rasterlogotyp kan bara tryckas så skarpt som dess pixlar tillåter. Skicka vektorfilen när den finns; använd den transparenta PNG:n till mockups, butiksannonser och snabba korrektur.
• Logotyper med text i sociala medierFacebook påpekar att profil- och omslagsbilder med logotyp eller text kan se bättre ut som PNG. JPG-komprimering med förlust gör skarpa kanter suddiga och fransiga, vilket syns mest på text.