Com funciona la compressió d'imatges al navegador sense pujar arxius?
Resposta ràpida: Utiliome descodifica, quantifica i torna a codificar els píxels de la imatge directament dins la memòria local del navegador utilitzant l'API HTML5 Canvas 2D, quantificació de profunditat de bits RGBA i còdecs natius amb acceleració per maquinari, eliminant completament les pujades al núvol.
Els compressors d'imatges online convencionals com TinyPNG, iLoveIMG i CompressJPEG requereixen pujar els teus arxius per internet a servidors remots, esperar en una cua de processament i descarregar el resultat recodificat. Pujar fotografies de productes no publicats, informes mèdics, documents d'identitat de clients o fotos personals a una infraestructura de tercers comporta greus riscos de privadesa i de compliment del GDPR.
Utiliome executa tot el flux de compressió dins de la memòria aïllada del teu navegador:
- Descodificació local de mapa de bits i conversió d'HEIC: Quan arrossegues o enganxes un arxiu, el navegador descodifica el búfer de píxels directament a la RAM local. Les fotos
.HEIC i .HEIF d'Apple iPhone es transcodifiquen i descodifiquen automàticament al client abans de comprimir-se.
- Submostreig de croma i quantificació DCT (JPEG i WebP): Per a formats fotogràfics, el codificador accelerat per maquinari del navegador aplica la quantificació de la transformada de cosinus discreta (DCT) i la codificació predictiva de blocs a la ràtio de qualitat escollida (del
10% al 100%).
- Quantificació de profunditat de bits RGBA per a PNG transparents: La funció estàndard d'HTML5
canvas.toBlob('image/png') ignora els lliscadors de qualitat perquè el format PNG és sense pèrdues. Utiliome ho resol executant un pas de quantificació de colors RGBA en memòria quan la qualitat és inferior al 95%, agrupant valors de color gairebé idèntics perquè la compressió DEFLATE redueixi els PNG entre un 30% i un 65% mentre conserva una transparència alfa total.
- Protecció contra l'augment de mida: Si una imatge ja optimitzada augmentés de mida després de recodificar-se amb la mateixa resolució i format, Utiliome conserva automàticament el flux de bytes original més petit.
Proves de rendiment: ajustos de qualitat vs. estalvi d'espai
Resposta ràpida: Amb l'ajust Equilibrat (75%), una fotografia de 4,2 MB (3840×2160) es redueix a ~680 KB (-84%) en JPEG i a ~440 KB (-90%) quan es converteix a WebP, pràcticament sense pèrdua perceptible de qualitat a distàncies visuals habituals.
Escollir la configuració de compressió adequada depèn de si arxives fotografies, publiques catàlegs de productes per a comerç electrònic o compleixes límits estrictes de pujada en formularis oficials (com comprimir una foto per sota de 200 KB o 100 KB). A continuació mostrem resultats reals obtinguts amb el motor local d'Utiliome sobre una fotografia d'alta resolució estàndard de 4,2 MB (3840×2160):
| Ajust / Mode |
Lliscador de qualitat |
Format de sortida |
Dimensió màxima |
Mida d'arxiu obtinguda |
Reducció de mida |
Cas d'ús recomanat |
| Alta qualitat |
90% |
Original (JPEG) |
Original (3840px) |
1,35 MB |
-68% |
Fotografia de portafoli, vistes prèvies per imprimir |
| Equilibrat (Per defecte) |
75% |
Original (JPEG) |
Original (3840px) |
680 KB |
-84% |
Imatges destacades de blog, xarxes socials, ús general |
| Estalvi màxim |
45% |
Original (JPEG) |
Original (3840px) |
340 KB |
-92% |
Fitxers adjunts de correu, canals de notícies per a mòbil |
| Optimització WebP |
75% |
WebP (Més petit) |
Màx 1920px |
165 KB |
-96% |
Bàners principals, pàgines de producte Shopify/WooCommerce |
| Formularis / Menys de 100KB |
45% |
WebP o JPEG |
Màx 1280px |
68 KB |
-98% |
Tràmits de visats/passaports, formularis oficials (<100KB) |
Utilitza el lliscador interactiu Abans / Després a l'àrea de treball per comparar textures fines, tipografies i tons de pell abans de descarregar.
Com comprimir una imatge a menys de 200KB o 100KB
Resposta ràpida: Per reduir de forma fiable una foto de diversos megabytes per sota de 200 KB o 100 KB sense artefactes visuals, combina l'ajust 'Equilibrat (75%)' o 'Estalvi màxim (45%)' amb dimensions 'Màx 1280px' i selecciona 'WebP' o 'JPEG' com a format de sortida.
Els portals de sol·licituds universitàries, formularis de visats governamentals, adjunts en CMS i firmes de correu electrònic sovint exigeixen límits estrictes de pujada de 100KB o 200KB. Si simplement arrossegues el lliscador de qualitat fins al 10% en una foto feta amb el mòbil de 12 megapíxels (4000×3000), apareixeran artefactes de compressió pixelats perquè el codificador ha de repartir massa pocs bits entre 12 milions de píxels.
Segueix aquesta fórmula de dos passos per aconseguir resultats nítids de menys de 100 KB:
- Limita primer les dimensions en píxels: A la barra lateral esquerra, sota Dimensions màximes, selecciona Màx 1280px (per a documents i formularis web) o Màx 800px (per a avatars, fotos de carnet i miniatures). Si necessites mides de píxels exactes o retallar la relació d'aspecte, també pots fer servir les nostres eines específiques Resize Image o Crop Image.
- Canvia el format de sortida a WebP o JPEG: Si l'arxiu d'entrada és una captura de pantalla desada com a
.PNG, canviar el Format de sortida a WebP (Més petit) o JPEG amb un 75% de qualitat redueix habitualment un PNG de 2,5 MB a 85 KB amb un sol clic.
Compressió amb o sense pèrdues: quan cal convertir a WebP?
Resposta ràpida: La compressió amb pèrdues (JPEG, WebP amb pèrdues) descarta dades de color d'alta freqüència imperceptibles per reduir la mida entre un 70% i un 90%, mentre que la compressió sense pèrdues preserva els píxels exactes. Convertir fitxers JPEG i PNG a WebP produeix arxius entre un 25% i un 35% més petits amb una qualitat visual equivalent.
Comprendre com emmagatzema les dades de píxels cada format d'imatge t'ajudarà a triar el millor mode de sortida a la barra lateral del compressor:
- JPEG (Estàndard fotogràfic amb pèrdues): Ideal per a fotos de càmera i degradats complexos. No admet transparència (les zones transparents s'acoblen automàticament sobre un fons blanc net en exportar a JPEG).
- PNG (Transparència i elements d'interfície): El millor per a logotips, captures de pantalla i gràfics vectorials nítids que necessiten canal alfa. En comprimir PNG a Utiliome, baixar el lliscador de qualitat aplica una quantificació intel·ligent de profunditat de bits RGBA per reduir l'entropia de color mantenint intactes els fons transparents.
- WebP (Estàndard web modern): Desenvolupat per Google, WebP admet tant codificació predictiva amb pèrdues com transparència alfa completa de 8 bits. Canviar el format de sortida a WebP (Més petit) redueix els fitxers entre un 25% i un 35% addicional en comparació amb JPEG i fins a un 70% respecte a PNG. Per a conversions de formats per lots (inclòs GIF), consulta la nostra eina Convert Image Format.
Utiliome davant de TinyPNG, Squoosh i iLoveIMG
Resposta ràpida: A diferència de TinyPNG (que puja fitxers al núvol i limita els usuaris gratuïts a 20 imatges i 5 MB per fitxer) o Google Squoosh (que només processa una imatge cada vegada), Utiliome combina privadesa local total amb processament per lots il·limitat i vista comparativa interactiva Abans/Després.
Els desenvolupadors, fotògrafs i equips de comerç electrònic solen descartar els compressors web antics per tres motius: preocupacions sobre la privadesa al núvol, límits estrictes de mida de fitxer i manca d'eines de comparació per lots.
- Davant de TinyPNG / TinyJPG: TinyPNG requereix pujar les imatges a servidors remots, limita els lots gratuïts a 20 arxius, bloqueja qualsevol imatge de més de 5 MB i no ofereix lliscador de qualitat ni comparació visual. Utiliome s'executa 100% en local, sense límits de mida d'arxiu, amb ajustos de qualitat interactius i comparativa en temps real.
- Davant de Google Squoosh: Squoosh és una aplicació excel·lent al navegador amb lliscador de comparació, però només admet una imatge cada vegada, fet que la fa poc pràctica per comprimir una carpeta de 30 fotos de producte o d'un blog. Utiliome ofereix el mateix lliscador interactiu Abans/Després a més d'una barra de lots amb múltiples pestanyes, sincronització global d'ajustos i exportació en ZIP amb un clic.
- Davant d'iLoveIMG: iLoveIMG puja fitxers a servidors al núvol i restringeix els lots més grans darrere de subscripcions recurrents. Utiliome és 100% gratuït i ho processa tot a la teva pròpia CPU/GPU.
Necessites afegir un avís de drets d'autor o un logotip a les teves fotos abans de publicar-les? Combina aquesta eina amb el nostre editor Watermark Image.
Eliminació automàtica de metadades EXIF i SEO de Core Web Vitals
Resposta ràpida: Cada imatge comprimida exportada per Utiliome es torna a renderitzar mitjançant un búfer net d'HTML5 Canvas, que elimina automàticament les metadades EXIF ocultes (incloses les coordenades GPS i números de sèrie de la càmera) alhora que millora les mètriques Core Web Vitals (LCP) de Google.
Els telèfons intel·ligents i les càmeres digitals incrusten capçaleres EXIF (Exchangeable Image File Format) invisibles a cada foto, registrant la teva latitud i longitud GPS exactes, la data/hora i el model de dispositiu. Com que Utiliome reconstrueix la imatge a partir de dades de píxels purs en un HTML5 Canvas, totes les dades EXIF, IPTC i XMP ocultes es descarten de manera natural en exportar. Si vols inspeccionar o eliminar metadades sense alterar els píxels, fes servir la nostra eina dedicada Remove EXIF Metadata.
Per als propietaris de llocs web i especialistes en SEO, les imatges sense optimitzar són la primera causa d'unes puntuacions deficients a Largest Contentful Paint (LCP) a Google PageSpeed Insights. Comprimir els bàners principals a menys de 200KB i convertir els gràfics a WebP redueix el temps de càrrega mòbil de segons a mil·lisegons, millorant directament les mètriques Core Web Vitals i el posicionament orgànic a Google.