Afbeelding bijsnijden online: hero, deelafbeelding en vierkant | We.Inc
Snijd afbeeldingen bij op websiteformaten in uw browser: 1200×630 deelafbeeldingen, 16:9 hero's, vierkant en staand. Exporteer WebP, JPG of PNG met de bestandsgrootte erbij. Geen uploads.
Afbeelding bijsnijden voor websites
Kies een vorm, zoals een deelafbeelding van 1200×630, een 16:9 hero of een vierkante productfoto, zet uw afbeelding erin, sleep het kader over het deel dat u wilt en download het. Het bijsnijden gebeurt in uw browser, dus de foto verlaat uw apparaat nooit, en u kunt hem opslaan als WebP, JPG of PNG.
Meestgebruikte uitsneden voor websites
Waar het verschijnt
Vorm
Formaat
Linkvoorbeelden (Open Graph)
1200 × 630px
Hero over de volle breedte
1920 × 1080px
Product- of teamfoto
1080 × 1080px
Blog- of overzichtskaart
1200 × 800px
Een bijsnijdtool gebouwd rond de formaten die websites gebruiken. Kies een voorinstelling, sleep en vergroot of verklein het kader, stel formaat en kwaliteit in, zie de exacte uitvoermaat en bestandsgrootte, en snijd een hele reeks in één keer bij tot dezelfde vorm.
Kies een vorm om bij te snijden. Elke voorinstelling bepaalt de verhouding en de uitvoermaat; met Vrij sleept u elke rechthoek.
Zet één of meer afbeeldingen in het vak of klik om ze te kiezen. Er kunnen er tot 20 tegelijk open staan, en geen ervan wordt geüpload.
Sleep het bijsnijkader om de afbeelding in te kaderen en sleep de blauwe stip om het groter of kleiner te maken. Met het kader in focus verschuiven de pijltjestoetsen het, en met Shift gaat het sneller.
Kies WebP, JPG of PNG (en AVIF als uw browser dat kan maken), stel de kwaliteit in en eventueel een maximale breedte.
Klik op Bijsnijden en downloaden. Met meerdere afbeeldingen open past Alles bijsnijden dezelfde vorm toe rond hetzelfde punt in elke afbeelding.
Houd gezichten en tekst weg van de randen van deelafbeeldingen. Sommige apps snijden linkvoorbeelden bij tot een vierkant of ronden de hoeken af.
WebP met ongeveer 80% kwaliteit is meestal veel kleiner dan JPG bij dezelfde visuele kwaliteit en werkt in elke huidige browser.
Gebruik PNG alleen voor screenshots, logo's en afbeeldingen met egale kleuren of transparantie. Foto's opgeslagen als PNG zijn vaak meerdere keren groter.
Snijd hero-afbeeldingen breder bij dan u op mobiel nodig hebt en stel object-position in CSS in, zodat het onderwerp op smalle schermen in beeld blijft.
Waarschuwt de tool dat de afbeelding wordt vergroot, dan heeft de uitsnede minder pixels dan het doelformaat. Begin met een groter origineel in plaats van een wazig resultaat te accepteren.
Veelgestelde vragen
Worden mijn afbeeldingen geüpload?
Nee. De afbeeldingen worden door uw browser op uw eigen apparaat geopend, bijgesneden en opgeslagen. Er is geen uploadstap en er wordt niets op onze servers bewaard.
Welk formaat moet een deelafbeelding hebben?
1200 × 630 pixels, een verhouding van ongeveer 1.91 op 1, is het formaat waarvoor de meeste linkvoorbeelden zijn ontworpen. Kies de voorinstelling Deelafbeelding om precies op dat formaat bij te snijden.
Wat is het beste formaat voor afbeeldingen op een website?
WebP is de veilige standaard voor foto's: kleine bestanden en ondersteuning in alle huidige browsers. AVIF kan nog kleiner zijn, maar codeert langzamer en wordt niet door het canvas van elke browser aangeboden. Gebruik PNG voor afbeeldingen die scherpe randen of transparantie nodig hebben.
Kan ik meerdere afbeeldingen op hetzelfde formaat bijsnijden?
Ja. Open meerdere afbeeldingen, kader de eerste in en gebruik dan Alles bijsnijden. Elke afbeelding wordt bijgesneden tot dezelfde vorm en uitvoermaat, gecentreerd op hetzelfde relatieve punt als uw eerste uitsnede.
Waarom ziet het bijgesneden bestand er wazig uit?
Het bijsnijgebied had minder pixels dan de uitvoermaat, dus het werd vergroot. De tool toont een waarschuwing als dat gaat gebeuren. Gebruik een groter origineel, een groter bijsnijgebied of een kleinere maximale breedte.
Eerst bijsnijden, dan comprimeren
De meeste te zware afbeeldingen op websites zijn niet slecht gecomprimeerd; ze zijn gewoon te groot. Een telefoonfoto is vaak 4000 pixels breed, maar een herobanner heeft zelden meer dan 1920 nodig en een kaartafbeelding ongeveer 1200. Bijsnijden tot de vorm en het formaat die de pagina gebruikt, haalt het meeste gewicht weg nog voordat er iets wordt gecomprimeerd.
Na het bijsnijden kan de afbeeldingscompressor nog wat extra uit het bestand persen, en de WebP-converter verwerkt hele mappen in één keer.
De juiste vorm kiezen
Stem de uitsnede af op het vak dat de afbeelding op de pagina vult. Toont een thema productfoto's in vierkante tegels, snijd ze dan zelf vierkant bij in plaats van CSS de randen onvoorspelbaar te laten afknippen. Gebruikt het thema een 16:9 hero, dan wordt een staande 4:5-foto flink bijgesneden, dus kies een liggende opname of kader hem hier opnieuw in.
Zie de voorbeeldkaart bij deelafbeeldingen als een kleine poster: een duidelijk onderwerp, hooguit een paar grote woorden en niets belangrijks bij de randen.
Vormen die in de tool zijn ingebouwd
Vorm
Uitvoermaat
Geschikt voor
Vrij
Het eigen formaat van uw uitsnede
Elke vorm die u sleept
Deelafbeelding 1200×630
1200 × 630px
Open Graph-linkvoorbeelden
Hero 16:9
1920 × 1080px
Banners over de volle breedte en videoposters
Brede hero 21:9
2560 × 1097px
Korte, filmische paginakoppen
Vierkant 1:1
1080 × 1080px
Productfoto's, avatars, rasterposts
Staand 4:5
1080 × 1350px
Hoge feedposts en productfoto's
Story 9:16
1080 × 1920px
Schermvullende stories op telefoons
Kaart 3:2
1200 × 800px
Afbeeldingen voor blog- en overzichtskaarten
Favicon 512
512 × 512px
Bron voor site-iconen
Vrij
Elke vorm die u sleept
Deelafbeelding 1200×630
Open Graph-linkvoorbeelden
Hero 16:9
Banners over de volle breedte en videoposters
Brede hero 21:9
Korte, filmische paginakoppen
Vierkant 1:1
Productfoto's, avatars, rasterposts
Staand 4:5
Hoge feedposts en productfoto's
Story 9:16
Schermvullende stories op telefoons
Kaart 3:2
Afbeeldingen voor blog- en overzichtskaarten
Favicon 512
Bron voor site-iconen
{name} kon niet als afbeelding worden gelezen.
{n} afbeelding geladen. Er is niets geüpload.
{n} afbeeldingen geladen. Er is niets geüpload.
Deze browser kan dat formaat niet opslaan. Kies WebP, JPG of PNG.
{w} × {h} {ext} opgeslagen, {size}.
{n} afbeeldingen opgeslagen, {size} in totaal. Elke afbeelding is bijgesneden rond hetzelfde punt als deze.
Bijsnijden
Vorm van de uitsnede
Zet afbeeldingen hier neer of klik om te kiezen
JPG, PNG, WebP, GIF of AVIF. Tot 20 tegelijk. Ze blijven op uw apparaat.
Afbeelding die wordt bijgesneden: {name}
Bijsnijgebied. Sleep om te verplaatsen, of gebruik de pijltjestoetsen.
Uitsnede op {x}, {y}, {w} bij {h} pixels
{name}: {iw} × {ih}px. Uitsnede {size} vanaf ({pos}). Sleep het kader om het te verplaatsen, de blauwe stip om het formaat te wijzigen, of geef het focus en gebruik de pijltjestoetsen.
Exporteren
Formaat
Kwaliteit {value}
(PNG is verliesvrij)
Maximale breedte (px, optioneel)
Formaat van uitsnede behouden
Uitvoer:
· De uitsnede is kleiner dan dit, dus hij wordt vergroot en kan wazig ogen. Gebruik een grotere foto of een kleiner formaat.