Transparante ruimte uit een PNG verwijderen

Kort antwoord: open Transparante randen verwijderen van Imgovo, kies je PNG of WebP, controleer het nieuwe formaat onder het voorbeeld en download het resultaat. De tool zoekt de kleinste rechthoek die nog elke zichtbare pixel bevat en snijdt precies daarop bij.

Waarom een PNG lege transparante ruimte eromheen heeft

Een PNG kan een transparante achtergrond opslaan. De afbeelding blijft een volledige rechthoek, dus een logo dat midden op een groot canvas staat, heeft aan alle kanten een transparante rand. Op een witte pagina zie je die niet, maar hij is er wel. Hij laat het logo kleiner lijken dan het is, schuift het weg van zijn buren en verspilt ruimte in een knop, een koptekst of een icoon.

De rand komt meestal van een van deze plekken:

• een ontwerpprogramma dat het hele tekenbord exporteerde in plaats van het ontwerp,
• een uitgeknipt object dat het formaat van de oorspronkelijke foto behield,
• een screenshot of sticker met een zachte schaduw die in het niets vervaagt.

Stap voor stap

1. Open Transparante randen verwijderen en kies het bestand.
2. Kijk naar het gestippelde kader links. Dat toont de zichtbare inhoud die is gevonden.
3. Lees de regel onder de voorbeelden: het formaat van de inhoud en hoeveel pixels aan de boven-, rechter-, onder- en linkerkant zijn verwijderd.
4. Houdt een vage schaduw de rand te breed, verhoog dan de Alfadrempel een beetje en kijk hoe het kader krimpt.
5. Voeg een Marge toe als je wat ruimte rond het logo wilt. De marge is transparant.
6. Kies PNG of WebP en druk op Afbeelding downloaden.

Een uitgewerkt voorbeeld

Het eigen logo van Imgovo is een PNG van 300 × 279 px. Er zit 13 px lege transparante ruimte aan elke kant omheen. Bij drempel 0 snijdt de tool hem bij tot 274 × 253 px. Alle 13 px gaan eraf aan de boven-, rechter-, onder- en linkerkant en het logo zelf wordt niet aangeraakt.

	Voor	Na
Formaat	300 × 279 px	274 × 253 px
Transparante rand	13 px aan elke kant	geen

De alfadrempel en de marge

Elke pixel heeft een alfawaarde van 0 (volledig transparant) tot 255 (volledig ondoorzichtig). Bij de standaardwaarde 0 telt een pixel als zichtbaar zodra zijn alfa boven 0 ligt, dus er gaat niets verloren wat je kunt zien. Sommige uitgeknipte objecten laten bijna onzichtbare pixels ver van het onderwerp achter. Verhoog de drempel om die als leeg te behandelen. Doe het langzaam: een hoge waarde kan ook in de zachte rand van een schaduw snijden.

De marge doet het tegenovergestelde van bijsnijden. Aan elke kant van de zichtbare inhoud komt hetzelfde aantal transparante pixels bij. Had het origineel minder ruimte, dan wordt de ontbrekende ruimte als nieuw transparant canvas toegevoegd.

Transparante rand of witte rand

Een transparante rand bestaat uit pixels die er niet zijn. Een witte rand bestaat uit witte pixels en die zijn zichtbaar, dus de tool behoudt ze. Is de lege ruimte in je afbeelding wit, snijd de afbeelding dan bij met Afbeelding bijsnijden of verwijder eerst de achtergrond met Achtergrond verwijderen en verwijder daarna de overgebleven transparante randen.

Iconen en favicons

Een icoon met een dikke transparante rand ziet er op 16 px piepklein uit. Verwijder eerst de transparante rand en plaats het icoon daarna met een kleine marge in het vierkant. Favicon-generator en de gids Een favicon maken tonen de formaten die je kunt gebruiken.

Beperkingen

• JPG heeft geen transparantie, dus er valt niets weg te snijden.
• Een geanimeerde GIF of WebP wordt als één afbeelding bijgesneden, op basis van het eerste frame.
• Zeer grote afbeeldingen worden beperkt door wat je browser kan bevatten. Imgovo meldt het wanneer een afbeelding te groot is.
• PNG en WebP zijn de uitvoerformaten, omdat beide transparantie behouden.

Privacy

De randen worden in je browser gevonden. Er wordt niets geüpload.

Probeer het nu

Open Transparante randen verwijderen, sleep je logo erin en kijk hoeveel lege ruimte het bevat.