Du trenger logoen din på et nettstedsbanner. Du legger den inn og det er et hvitt rektangel rundt den, som sitter oppå den nøye valgte bakgrunnsfargen din. Designeren som laget logoen ga deg en JPG — og JPG støtter ikke gjennomsiktighet.
Dette er et av de vanligste bildeproblemene i verden, og det tar omtrent 10 sekunder å fikse.
Den Raske Versjonen
Last opp logoen din til Transparent Bakgrunn-verktøyet. Det fjerner bakgrunnen bak logoen og gir deg en PNG med full gjennomsiktighet. Last den ned. Ferdig.
Resten av denne artikkelen dekker kanttilfellene, scenariene der det er mindre rett frem, og tips for å få de reneste resultatene.
Vanlige Scenarier
"Designeren min ga meg en JPG"
Dette er den vanligste situasjonen. Designeren eller markedsføringsbyrået ditt leverte logofiler, men blant dem er det bare en JPG — kanskje fordi noen konverterte den på et tidspunkt, eller fordi de opprinnelige prosjektfilene gikk tapt. JPG kan ikke lagre gjennomsiktighet (som forklart i MDN sin bildeformatguide), så bakgrunnen (vanligvis hvit) er permanent bakt inn i bildet.
Last opp JPG-en til remove-bg.io. AI-en skiller logoen fra bakgrunnen og gir ut en transparent PNG. Dette fungerer bra for de fleste logoer, spesielt de på ensfargede bakgrunner.
"Jeg har bare logoen fra nettsiden vår"
Høyreklikk på logoen på nettsiden din, velg "Lagre bilde som," og lagre det. Det kan være en PNG som allerede er transparent (sjekk ved å åpne den — hvis bakgrunnen er rutete i bildeviseren din, er den transparent). Hvis den har en synlig bakgrunn, last den opp til verktøyet.
Én ting å passe på: logoer hentet fra nettsider er ofte små (100-200px brede). AI-en vil behandle dem, men resultatet vil også være lite. Hvis du trenger en høyoppløselig versjon, prøv å finne den opprinnelige filen først.
"Logoen er på et visittkort eller trykt dokument"
Ta et tydelig bilde av dokumentet eller skann det. Sørg for at belysningen er jevn — ingen skygger over logoen. AI-en kan isolere logoen fra papirets tekstur, selv om resultatene er best når logoen kontrasterer tydelig med papiret.
"Logoen har hvite elementer i seg"
Det er her folk blir nervøse. Hvis logoen din har hvit tekst eller et hvitt ikon, vil ikke AI-en fjerne dem også?
Generelt nei. AI-en skiller mellom bakgrunnen og logoinnholdet. En hvit "A" i logoen din på en hvit bakgrunn behandles annerledes enn det hvite rommet rundt den. Når det er sagt, kan veldig tynne hvite elementer nær kantene av og til bli klippet — zoom inn og sjekk etter behandling. Editorens Utklippsverktøy lar deg gjenopprette alt som ble fjernet ved et uhell.
Få de Beste Resultatene
Start med den største versjonen du har. En 2000px logo gir et mye renere resultat enn en 200px. Hvis du har flere kopier, velg den skarpeste med høyest oppløsning.
Ensfargede bakgrunner er enklest. Hvis du har noen kontroll over inputen (f.eks. eksporterer du fra et designverktøy), plasser logoen på solid hvit eller solid svart før lagring. Jo høyere kontrast mellom logo og bakgrunn, jo renere kantdeteksjon.
Sjekk kantene etter behandling. Zoom inn til 200-300 % og se på fine detaljer: tynne linjer i tekst, små ikonelementer, gradientkanter. AI-en håndterer disse bra i de fleste tilfeller, men en rask visuell sjekk fanger den sjeldne feilen. Du kan bruke Utklippsverktøyene i editoren for å rydde opp i ujevne punkter.
Vurder den endelige bruken. Hvis logoen skal på en mørk nettstedsheader, forhåndsvis den på en mørk bakgrunn før du laster ned. Hvis den skal brukes til trykkmaterialer, sørg for at oppløsningen er høy nok (300 DPI for trykk). Verktøyet bevarer din opprinnelige oppløsning, så så lenge inputen din er skarp, vil outputen også være det.
Hvor Du Vil Bruke en Transparent Logo
I bunn og grunn overalt:
- Nettstedsheadere og faviconer
- E-postsignaturer (Outlook, Gmail, Apple Mail)
- Sosiale medie-profilbilder og forsidebilder
- Lysbildepresentasjoner
- Visittkort og trykte materialer
- Merchandise (t-skjorter, kopper, klistremerker)
- Videomellomspill og overlegg
En enkelt transparent PNG fungerer i alle disse sammenhengene fordi den tilpasser seg til bakgrunnen den plasseres på. Sammenlign det med en JPG med en hvit boks rundt, som bare ser riktig ut på en hvit bakgrunn.
Hva med SVG?
Hvis du har en SVG-fil, har du allerede gjennomsiktighet innebygd; SVG er et vektorformat som skalerer til enhver størrelse uten kvalitetstap.
Hvis designeren din ga deg en SVG-fil, trenger du ikke å gjøre noe av dette — SVG er et vektorformat som i sin natur er oppløsningsuavhengig og transparent. Men hvis alt du har er et rasterbilde (JPG, PNG med bakgrunn, skjermbilde), er tilnærmingen ovenfor ditt beste alternativ.
For logoer som må skaleres til veldig store størrelser (plakater, bilfoliering), vurder å be designeren din om den opprinnelige vektorfilen. En transparent PNG fungerer flott for digitalt og standard trykk, men vektorer skalerer uendelig.
Ofte Stilte Spørsmål
Vil dette fungere på komplekse logoer med gradienter? Ja. AI-en håndterer solide logoer, gradientlogoer, logoer med flere farger og illustrerte logoer. De eneste tilfellene som av og til trenger manuell etterbehandling er veldig tynne, detaljerte elementer ved kantene.
Logoen min har en farget bakgrunn, ikke hvit. Spiller det noen rolle? Nei. Verktøyet fjerner enhver bakgrunn — hvit, farget, mønstret, fotografisk. Ensfargede bakgrunner gir de reneste resultatene.
Kan jeg gjøre flere logoer på én gang? Ja — Massebakgrunnsfjerneren behandler opptil 20 bilder samtidig. Nyttig hvis du oppdaterer logoer på tvers av en merkevareportefølje.