Comprimeix imatges en línia amb previsualització en directe

Penja un JPG, PNG, WebP o AVIF, arrossega el control lliscant de qualitat per veure el resultat a l'instant i baixa el fitxer recodificat per sharp i libvips.

o deixa-hi anar la imatge

Sobre aquesta eina

Comprimeix un JPG, PNG, WebP o AVIF des del navegador amb un control lliscant de qualitat i comparació de formats. Deixa caure la imatge sobre la pàgina i la previsualització s'actualitza a l'instant fent servir el codificador canvas natiu del navegador. Cada moviment del control lliscant és local, sense trànsit de xarxa. Quan prems Baixa, el fitxer original s'envia per HTTPS al nostre servei de compressió, un Cloudflare Worker amb sharp i libvips, la mateixa pila de codificadors que fan servir Vercel i Shopify. La codificació al servidor produeix sovint fitxers entre un 10 i un 15 per cent més petits que la previsualització del navegador amb el mateix valor de qualitat, perquè libvips aplica ajustos MozJPEG que el navegador no pot igualar. Els fitxers es guarden en una memòria cau aïllada per inquilí durant un temps breu i després s'eliminen. L'eina accepta fitxers fins a 25 MB a la via del servidor. Va bé per a fotògrafs, desenvolupadors i equips de producte que necessiten fitxers més petits sense canviar de programa ni obrir un editor.

Comprimir imatge
Què fa aquesta eina

Què fa aquesta eina

Aquesta pàgina executa un compressor d'imatges de doble via. El control lliscant que veus sobre la previsualització és un codificador local en directe que fa servir el canvas.toBlob natiu del navegador amb el valor de qualitat que tries. Cada moviment del control torna a renderitzar la previsualització dividida i actualitza el comptador de bytes, sense cap trànsit de xarxa. Quan prems Baixa, el fitxer original s'envia al nostre servei de compressió per a una codificació final amb sharp i libvips, la mateixa pila que fan servir Vercel i Shopify. La sortida manté les dimensions d'entrada exactes. L'eina cobreix JPG, PNG, WebP i AVIF com a entrada i sortida en qualsevol combinació.

Comprimir imatge
Com comprimir imatges pas a pas

Com comprimir imatges pas a pas

Deixa caure un JPG, PNG, WebP o AVIF sobre la zona de pujada o enganxa des del porta-retalls amb Ctrl+V. Tria un format de sortida entre les tres targetes (WebP és el predeterminat per a fotografies). Arrossega el control lliscant de qualitat i mira com s'actualitza el comptador de bytes en temps real, i atura't quan la mida del fitxer arribi al teu objectiu i la previsualització encara es vegi bé. Prem Baixa per rebre el resultat codificat al servidor. Si el servei de compressió no és accessible, es guarda la previsualització codificada al navegador, de manera que sempre obtens un fitxer funcional.

Comprimir imatge
Triar el nivell de qualitat adequat

Triar el nivell de qualitat adequat

El control lliscant de qualitat va de l'1 al 100, amb 78 com a valor predeterminat amb pèrdua. La qualitat 80 coincideix amb el que Adobe Photoshop etiqueta com a Alta quan exporta JPEG, i és una tria segura per a porfolis i lliuraments a clients. La qualitat 60 és el valor habitual per al web i redueix una fotografia de 4 MP a aproximadament 200 a 400 KB sense pèrdua aparent a distància de visualització normal. Per sota de 50, comencen a aparèixer artefactes en forma de bloc als degradats i a les tonalitats de pell. Per sota de 30, la sortida es llegeix com una miniatura. El comptador de bytes sobre el control mostra la mida exacta de sortida mentre arrossegues, així s'elimina l'endevinació.

Comprimir imatge
Quin format és més petit: JPG, WebP o AVIF

Quin format és més petit: JPG, WebP o AVIF

L'eina mostra els recomptes de bytes de JPG, WebP i AVIF un al costat de l'altre sobre la mateixa imatge font, així la comparació es fa amb el teu fitxer real i no amb una prova genèrica. Com a regla pràctica, WebP sol ser entre un 25 i un 35 per cent més petit que JPG amb la mateixa qualitat visual, i AVIF sol ser entre un 40 i un 60 per cent més petit que JPG. AVIF triga més a codificar, al voltant de 3 a 8 segons per a una fotografia de 8 MP a la via del servidor, perquè libaom és costós computacionalment. El suport del navegador per als tres formats és sòlid a Chrome, Firefox, Safari i Edge el 2026. PNG és la tria adequada quan la imatge té colors limitats, com captures de pantalla i logotips, on la quantització de paleta supera els codificadors amb pèrdua.

Comprimir imatge
Com es tracta el teu fitxer

Com es tracta el teu fitxer

La previsualització del control lliscant no té xarxa. Cada arrossegada és una crida canvas.toBlob nova dins del navegador, verificable a DevTools filtrant la pestanya Network per compress i confirmant que no apareixen sol·licituds mentre mous el control. La pulsació de Baixa és l'únic pas que puja dades. El teu fitxer es publica per HTTPS al nostre Cloudflare Worker a /api/compress, que fa de proxy a un servei amb sharp i libvips. El resultat codificat torna al cos de la resposta i es guarda a les baixades. Es manté una còpia intermèdia en una memòria cau aïllada per inquilí durant un temps breu i després s'elimina. Si el servei no és accessible o el teu fitxer supera els 25 MB, el codificador del navegador funciona de manera silenciosa com a alternativa.

Comprimir imatge
Què no fa aquesta eina

Què no fa aquesta eina

No redimensiona. Les dimensions de sortida són iguals a les d'entrada, així que fes servir abans l'eina Redimensiona si també vols reduir la quantitat de píxels. No fa pujada per lots. Una imatge cada vegada, per disseny. No conserva EXIF. Les metadades s'eliminen per libvips i sharp al nivell del codificador, cosa que és un avantatge de privacitat però significa que les dades de GPS i de càmera incrustades es perden. L'etiqueta d'orientació visual es llegeix i s'aplica abans de l'eliminació, així que la teva sortida queda dreta. No fa animació GIF. Només es processa el primer fotograma. No té mode de mida objectiu, però dos o tres ajustos del control fent servir el comptador de bytes en directe solen encertar qualsevol objectiu dins del 10 per cent.

Com retallar una foto en cercle

  1. Deixa caure o enganxa la teva imatge

    Arrossega un JPG, PNG, WebP o AVIF sobre la zona de pujada, o fes clic per explorar. També pots enganxar des del porta-retalls amb Ctrl+V o Cmd+V.

  2. Tria un format de sortida

    Prem JPG, WebP o AVIF per fixar la sortida. WebP és el predeterminat i sol ser el més petit per a fotografies destinades al web.

  3. Arrossega el control lliscant de qualitat

    Mira com s'actualitza el comptador de bytes mentre mous el control. Atura't quan la mida del fitxer sigui prou petita i la previsualització encara et sembli bé.

  4. Prem Baixa

    El fitxer original s'envia al nostre servidor per a una codificació amb sharp i libvips. El fitxer final sol ser entre un 10 i un 15 per cent més petit que la previsualització mostrada al navegador.

Preguntes freqüents

Com comprimir imatges?

Deixa caure la teva imatge a la pàgina i arrossega el control lliscant de qualitat fins que la mida del fitxer mostrada al comptador arribi al teu objectiu. Prem Baixa per obtenir el resultat codificat al servidor (codificat per sharp i libvips). Tot el flux dura menys d'un minut. El botó de baixada activa una petició POST al nostre servei de compressió, i si el servei no és accessible, es guarda la previsualització codificada al navegador.

Per què comprimir imatges JPEG?

Una fotografia típica de mòbil sense optimitzar fa de 4 a 6 MB. Amb qualitat 78, la mateixa fotografia recodificada per MozJPEG sol fer entre 800 KB i 1,5 MB, prou petita per a fitxers adjunts de correu, per compartir per WhatsApp i per a imatges destacades web sense pèrdua visual apreciable. Les imatges comprimides també carreguen més de pressa, cosa que millora les puntuacions de Core Web Vitals.

Com puc comprimir una imatge sense perdre qualitat?

Per a una compressió realment sense pèrdua, tria PNG com a format de sortida. La via PNG fa servir pngquant per a l'optimització de paleta, que pot reduir PNG no optimitzats entre un 30 i un 50 per cent sense diferència perceptiva. Per a formats amb pèrdua (JPG, WebP, AVIF), la qualitat 80 és el llindar pràctic on la majoria d'espectadors no detecten la diferència, tot i que els resultats depenen del contingut de la imatge.

Puc comprimir una imatge a una mida concreta com 100 KB?

L'eina no té un mode de mida objectiu, però arribar a un objectiu és senzill amb el comptador de bytes en directe. Arrossega el control cap avall fins que el comptador marqui el teu objectiu i prem Baixa. Dos o tres ajustos del control solen acostar-te dins del 10 per cent de qualsevol mida objectiu. Si te'n passes, torna a pujar el control una mica.

Quin format és més petit: JPG, WebP o AVIF?

Depèn del contingut de la imatge. L'eina mostra els tres simultàniament amb els seus recomptes de bytes per a poder comparar amb el teu fitxer real. Com a regla pràctica: WebP sol ser entre un 25 i un 35 per cent més petit que JPG amb la mateixa qualitat visual. AVIF sol ser entre un 40 i un 60 per cent més petit que JPG, tot i que triga uns segons addicionals a codificar.

Comprimir una imatge en redueix les dimensions?

No. Les dimensions de sortida són idèntiques a les d'entrada. La compressió només canvia la codificació de bytes, no la quantitat de píxels. Si també necessites reduir la resolució (per exemple, de 4000 px d'amplada a 1200 px), fes servir abans l'eina Redimensiona i després comprimeix el fitxer redimensionat. Aquest ordre dona la mida de fitxer final més petita.

Els detalls

Notes de l'equip sobre artesania, formats i les petites decisions darrere d'un bon retall rodó.

L'arquitectura de doble via explicada
La previsualització del control lliscant i la codificació de Baixa són dues vies de codi separades. La previsualització fa servir l'API canvas.toBlob nativa del navegador, que s'executa de manera sincrònica al fil de composició de la GPU. Cada moviment del control activa una crida canvas.toBlob nova amb el valor de qualitat nou, i el resultat es dibuixa en un canvas de vista dividida. Això és totalment local. Pots verificar-ho obrint DevTools, la pestanya Network, filtrant per compress i observant-ho. No apareix cap sol·licitud durant la interacció amb el control. El botó Baixa activa una via de codi del tot diferent. Publica el fitxer original (sense modificar) al nostre Cloudflare Worker a /api/compress, que fa de proxy a un servidor Fastify amb Node 24 i el paquet sharp (llicència Apache 2.0) sobre libvips 8.x (LGPL-3.0). El resultat codificat torna al cos de la resposta i es guarda a la carpeta de baixades del navegador. Dues vies, una eina.
Per què la codificació al servidor supera la del navegador
El codificador JPEG del navegador fa servir libjpeg o una implementació específica del navegador que no té l'ajust de taules de submostreig de crominància de MozJPEG. MozJPEG, el còdec invocat per libvips per a JPEG, es va desenvolupar a Mozilla el 2014 com a reemplaçament directe de libjpeg-turbo amb l'objectiu de produir fitxers més petits amb la mateixa qualitat perceptiva. En proves fetes amb 50 fotografies diverses (fauna, retrats, fotografies de producte, captures de pantalla), la codificació de libvips i MozJPEG a qualitat 78 va produir fitxers entre un 10 i un 20 per cent més petits que canvas.toBlob de Chrome amb el mateix valor de qualitat. Per a PNG, la diferència és més gran. El navegador fa servir zlib amb compressió predeterminada, mentre que pngquant redueix la paleta de colors al mínim necessari, normalment retallant els PNG no optimitzats entre un 30 i un 70 per cent.
AVIF: què és i quan fer-lo servir
AVIF es basa en la predicció intra-fotograma del còdec de vídeo AV1, desenvolupat per l'Alliance for Open Media. Aconsegueix una eficiència de compressió més bona que JPEG predient valors de píxels en regions més grans i representant el residu de manera més compacta. El resultat pràctic és que els fitxers AVIF a qualitat 60 sovint són visualment indistingibles dels fitxers JPEG a qualitat 80, alhora que són entre un 40 i un 60 per cent més petits. La contrapartida és el temps de codificació. Al nostre servidor, una fotografia de 8 MP a qualitat 60 triga de 3 a 8 segons amb libaom-av1. El suport del navegador és sòlid el 2026 (Chrome, Firefox, Safari i Edge descodifiquen AVIF). L'eina mostra el recompte de bytes AVIF en temps real al costat de JPG i WebP per a poder decidir si l'estalvi de mida justifica la lleugera espera de codificació per al teu flux de treball.
Els valors de qualitat a la pràctica
El control lliscant es mapeja directament al paràmetre q del codificador per a formats amb pèrdua. A qualitat 80, el valor coincideix amb el que Adobe Photoshop etiqueta com a Alta quan exporta JPEG, i és el predeterminat de la majoria de fluxos professionals. A qualitat 60, una fotografia mitjana de 4 MP es comprimeix a aproximadament 200 a 400 KB, prou petita per a la majoria d'usos de correu i web, i la pèrdua de detall només és visible en zones de textura fina amb zoom 1:1. Per sota de qualitat 50, comencen a aparèixer artefactes de compressió en forma de bloc als degradats suaus i a les tonalitats de pell, perceptibles fins i tot a distàncies de visualització normals en pantalla retina. Per sota de qualitat 30, la sortida és reconeixible però clarament comprimida, adequada només per a miniatures. El comptador de bytes sobre el control mostra la mida exacta de sortida en KB mentre arrossegues, no una estimació.
Eliminació de metadades i per què importa
Les dues vies eliminen EXIF, GPS i metadades de càmera de la sortida de manera predeterminada. Aquest és el comportament correcte de libvips i sharp a la seva configuració per defecte, i té dos efectes pràctics. Primer, elimina dades de localització potencialment sensibles incrustades per les càmeres de mòbil, cosa que és un avantatge de privacitat per a imatges compartides públicament. Segon, redueix lleugerament la mida del fitxer (un bloc EXIF típic fa de 10 a 40 KB). L'etiqueta d'orientació visual es tracta a part. L'eina llegeix el camp d'orientació EXIF abans de l'eliminació i pre-rota la imatge perquè la sortida quedi ben orientada. Si necessites conservar metadades per a fluxos forenses, d'arxiu o d'impressió, hauries de fer servir un editor de metadades dedicat abans de comprimir.
Formats admesos: què entra i què surt
L'entrada accepta JPG, PNG, WebP i AVIF a tots els navegadors moderns, validada per detecció de bytes màgics i no només per l'extensió del fitxer. GIF s'accepta a Chrome i Firefox però només es processa el primer fotograma (l'animació no es conserva), així que els GIF animats no s'haurien de comprimir amb aquesta eina. HEIC d'iPhone funciona a Safari, que té un descodificador HEIC natiu integrat, però Chrome i Firefox no descodifiquen HEIC de manera nativa. La sortida pot ser JPG, PNG, WebP o AVIF independentment del format d'entrada, així que també pots fer servir aquesta eina com a via d'un sol pas per convertir i comprimir. La via del servidor accepta fitxers fins a 25 MB. Els fitxers per sobre d'aquest límit es processen amb el codificador alternatiu del navegador.