Retallador d'imatges de franc
Retalla imatges amb selecció per arrossegament, restriccions opcionals de relació d'aspecte (1:1, 16:9, 4:3, etc.), quadrícula de regla de terços i exportació en múltiples formats (JPEG, PNG, WebP).
Deixeu un fitxer aquí o feu clic per cercar-lo
JPG, PNG, WebP, HEIC, HEIF · processat al teu dispositiu
o premeu Ctrl+V per enganxar des del porta-retalls
Consell: pots enganxar una captura amb Ctrl+V
Els teus fitxers no surten mai del teu dispositiu. Tot el processament es fa localment al teu navegador.
Usos habituals
- Retallar fotos per a InstagramTalleu les relacions d'aspecte preferides d'Instagram 1:1 (quadrat), 4:5 (retrat) i 1.91:1 (paisatge).
- Retallar fotos de perfil en quadratCrear fotos de perfil quadrades per a LinkedIn, Twitter, GitHub o qualsevol plataforma de xarxa social.
- Retallar miniaturas de YouTube i articlesTalleu la relació d'aspecte 16:9 utilitzada per vídeos de YouTube i la majoria de fotos heroi del blog.
- Retallar fotos de passaport/IDTalleu fotos a la relació d'aspecte estàndard de 2:3 retrat per a passaports, visats i aplicacions d'ID.
- Retallar fotos de producte de comerç electrònicStandarditzar les relacions d'aspecte de les fotos de producte per a Amazon, Shopify, Etsy i altres mercats.
Com funciona
El retall passa completament al teu navegador utilitzant l'API HTML5 Canvas — sense pujada, sense servidor. Arrossegues una regió de selecció directament sobre un element canvas, i quan apliques el retall, el motor de renderització 2D integrat del navegador llegeix només els píxels seleccionats i els torna a codificar a JPEG, PNG o WebP.
- 1La imatge es carrega a la memòriaEl teu fitxer es llegeix amb URL.createObjectURL(), que dona al navegador un URL de blob local. Un HTMLImageElement descodifica el fitxer completament a la pestanya del navegador — els bytes de la imatge mai surten del teu dispositiu.
- 2L'API Pointer Events condueix la selecció de retallL'API Pointer Events del navegador (que unifica l'entrada de ratolí, tàctil i llapis) segueix els arrossegaments en una superposició de canvas. Prémer fora de la selecció inicia un nou rectangle; prémer dins la mou; prémer a prop de la cantonada inferior dreta la redimensiona. Valors predefinits opcionals de relació d'aspecte (1:1, 16:9, 4:3, etc.) restringeixen la geometria durant l'arrossegament.
- 3Canvas dibuixa la previsualització en directeA cada canvi de retall, el context 2D del canvas torna a dibuixar la imatge, aplica una superposició fosca fora de la selecció, neteja la regió de retall per mostrar la imatge original a fidelitat completa, i superposa una graella de regla de terços i una nansa de redimensionament verd blavós.
- 4toBlob() codifica i lliura el resultatQuan fas clic a Retalla, es crea un nou canvas fora de pantalla amb les dimensions exactes de retall. ctx.drawImage() copia només el rectangle seleccionat, i canvas.toBlob() codifica el resultat utilitzant el codificador natiu JPEG, PNG o WebP del navegador amb la configuració de qualitat que hagis triat. La sortida es torna com un URL de blob local per a la descàrrega.
La teva imatge s'obre com un URL de blob local i es processa completament dins de la pestanya del teu navegador — res es puja a cap servidor en cap moment.
Eines relacionades
Creador de collages de fotos
Combineu fotos en col·latges de graella amb espai, cantonades arrodonides i relacions d'aspecte preestablertes. Exportació HD, sense compte, sense marca d'aigua.
Creador de presentacions de fotos
Converteix fotos en una presentació de diapositives MP4 amb música, transicions i un zoom lent. 16:9, 9:16 o quadrat, fins a 1080p. Creat al teu navegador; les teves fotos no es pengen.
Creador d'imatges de cites
Converteix una cita en una imatge per compartir. Afegeix l'autor, tria un color, un degradat o la teva pròpia foto, escull un tipus de lletra i una mida, i baixa un PNG.