Redimensionar imatges

Cliqueu o arrossegueu per pujar fotografies

Admet JPG / PNG / WEBP / GIF

Puja una imatge per a la vista prèvia

Ajusta l'amplada i l'alçada de les imatges en línia amb escala proporcional, presets ràpids i arrossegament visual. Processament local al navegador sense pujar fitxers, apte per a e-commerce, xarxes socials i fotos de documents. Gratuït.

Relacionats

Comprimir imatges

Retallar imatges

Ampliar imatge

Convertir imatges

Marca d'aigua d'imatges

Arrodonir Cantonades d'Imatge

Què és el redimensionament d'imatges?

El redimensionament d'imatges és una operació de processament d'imatge que mitjançant algoritmes de remostratge canvia el nombre de píxels d'amplada i alçada de la imatge a la mida objectiu. Reassigna la informació de píxels de la imatge original a una nova graella de píxels. Els algoritmes habituals inclouen el veí més proper, bilineal, bicúbic i Lanczos. Com més avançat és l'algoritme, millor és el resultat d'escalat, però el processament és una mica més lent.

**Quina diferència hi ha amb el retall d'imatges?** El retall consisteix a extreure una part de la imatge original, i el nombre total de píxels pot no canviar; en canvi, el redimensionament amplia o redueix la imatge sencera, tot el contingut es conserva però el nombre total de píxels canvia. Si només vols conservar una part de la imatge, utilitza l'eina de retall d'imatges.

**Quina diferència hi ha amb l'ampliació d'imatges amb IA?** El redimensionament convencional remostra els píxels mitjançant algoritmes matemàtics; quan s'amplia molt una imatge petita, és fàcil que es torni borrosa. L'ampliació amb IA prediu i afegeix detalls mitjançant models d'aprenentatge profund, amb millors resultats, però requereix més recursos de càlcul. Si necessites ampliar una imatge més de 2 vegades, es recomana utilitzar l'eina d'ampliació d'imatges amb IA.

**Per què cal redimensionar les imatges?** Les imatges massa grans provoquen càrrega lenta de pàgines web, errors en enviar correus electrònics, superació de límits en càrrega de formularis i ocupació excessiva d'espai d'emmagatzematge; les imatges massa petites es veuen borroses en ampliar-les. Ajustar-les a la mida adequada segons l'escenari d'ús garanteix tant l'efecte visual com l'optimització de la velocitat de càrrega i l'espai d'emmagatzematge.

**Què és DPI/PPI?** DPI (punts per polzada) i PPI (píxels per polzada) s'utilitzen principalment en escenaris d'impressió. Per a la visualització en pantalla, només cal fixar-se en la mida en píxels. En escenaris digitals com ara pàgines web, xarxes socials i plataformes d'e-commerce, només cal tenir en compte l'amplada i alçada en píxels, sense necessitat de configurar DPI.

Casos d'ús

Ajustar ràpidament imatges principals de producte quan les plataformes d'e-commerce requereixen mides fixes (Amazon 800×800, Amazon 2000×2000, etc.)
Ajustar la mida d'imatges per a xarxes socials (Instagram, Facebook, Pinterest, Twitter/X, etc.) quan cal unificar especificacions
Reduir imatges massa grans que no es poden carregar en formularis, adjunts de correu electrònic o emmagatzematge al núvol
Ajustar fotos de DNI, currículum, passaport, visat Schengen i inscripcions a exàmens a les especificacions exactes de píxels requerides
Dissenyadors web i desenvolupadors frontend que redueixen imatges grans i les converteixen a WEBP per optimitzar la velocitat de càrrega de la pàgina (LCP)
En crear presentacions, documents Word i imatges per a blocs, unificar la mida de les imatges per mantenir un disseny net i ordenat
Ajustar avatars, logotips i icones d'aplicació a mida quadrada o dimensions específiques per a llocs web, aplicacions o comptes socials
Abans d'imprimir fotos, ajustar-les a la mida de píxels adequada per obtenir la millor qualitat d'impressió

Com usar-ho

Fes clic a l'àrea de càrrega o arrossega directament un fitxer d'imatge a la zona de càrrega (admet formats JPG, PNG i WEBP)
Tria el mode d'ajust: introdueix píxels exactes d'amplada i alçada, fes clic a mides predefinides, utilitza l'escala per percentatge o arrossega les nanses
Activa o desactiva l'interruptor «Mantenir la proporció» segons necessitis (activat per defecte per evitar deformacions)
Previsualitza el resultat en temps real i consulta la mida de sortida i l'estimació de mida del fitxer
Fes clic al botó «Redimensionar» per generar el resultat i descarrega la imatge processada

Característiques

Control precís de píxels: introdueix l'amplada i l'alçada desitjades amb precisió d'1 píxel
Mode d'escala proporcional: bloqueja la relació d'aspecte original sense deformar la imatge, apte per a l'ús quotidià
Mode d'estirament lliure: ajusta amplada i alçada independentment per adaptar-se a mides fixes de plataformes
Ajust visual per arrossegament: arrossega les nanses de les cantonades de la previsualització per ajustar mentre ho veus
Presets de mides habituals: inclou 6 resolucions predefinides com 1080P i 1:1 quadrat per aplicar amb un clic
Escala ràpida per percentatge: 5 botons de percentatge del 25% al 200% per ampliar o reduir ràpidament
Previsualització en temps real: els canvis s'apliquen a l'instant amb estimació de la mida del fitxer de sortida
Suport multiformat: entrada i sortida en JPG, PNG i WEBP per satisfer diferents necessitats
Processament local al navegador: s'executa mitjançant Canvas API al teu navegador, sense pujar a servidors
Ús gratuït i sense marques d'aigua: les imatges processades no tenen marques d'aigua i es descarreguen immediatament

Preguntes freqients

Com puc canviar la mida en píxels d'una imatge en línia?

Un cop pujada la imatge, tens quatre opcions d'ajust: 1) Introdueix directament els píxels d'amplada i alçada al tauler esquerre; 2) Fes clic als botons de mides predefinides per aplicar-les amb un clic; 3) Utilitza els botons d'escala del 25% al 200% per ajustar ràpidament; 4) Arrossega les nanses verdes de les cantonades de la imatge a la zona de previsualització per ajustar visualment. Admet els modes d'escala proporcional i estirament lliure, amb previsualització en temps real. Un cop satisfet amb el resultat, fes clic a descarregar.

Quina diferència hi ha entre l'escala proporcional i l'estirament lliure?

L'escala proporcional bloqueja la relació d'aspecte original de la imatge i només canvia la mida global, sense deformar la imatge. És ideal per a reduccions o ampliacions quotidianes, organització d'àlbums i imatges per a pàgines web. L'estirament lliure permet modificar l'amplada i l'alçada independentment sense bloquejar la proporció, però si la relació d'aspecte no coincideix amb l'original la imatge es deformarà. És apte per a escenaris on cal adaptar-se a mides fixes específiques de plataformes. Per defecte, l'escala proporcional està activada per evitar deformacions.

La imatge es tornarà borrosa en reduir-ne la mida?

En reduir una imatge es disminueix el nombre total de píxels. El navegador utilitza algoritmes de remostratge consolidats (bilineal/bicúbic) que normalment no afecten visiblement la nitidesa. Per contra, si s'amplia una imatge petita molt més enllà de la seva mida original, els píxels s'estiren i poden aparèixer borroses o serrells. En aquest cas, es recomana utilitzar una eina d'ampliació d'imatges amb IA per obtenir millors resultats.

En ajustar la mida, la imatge es puja a algun servidor? És segur?

No es puja enlloc. Tot el procés de redimensionament es realitza al teu navegador local mitjançant l'API Canvas d'HTML5. Els fitxers d'imatge no s'enviïn a cap servidor i s'eliminen un cop processats. Fins i tot fotos de documents amb informació personal, captures de DNI o documents contractuals es poden processar amb total tranquil·litat, garantint la privacitat.

Quins formats d'imatge admet l'eina?

Admet la càrrega i sortida d'imatges en tres formats principals: JPG, PNG i WEBP. El format JPG és ideal per a fotografies amb mida de fitxer reduïda; PNG admet canals transparents i és apte per a logotips, icones i captures de pantalla; WEBP és el format de nova generació amb mida més petita i millor qualitat. Les imatges animades GIF es processaran com a imatge estàtica utilitzant el primer fotograma.

Es pot ajustar amb precisió la mida de les fotos de documents?

Sí. Les mides habituals de fotos de documents com ara el DNI (295×413px), el passaport i el visat Schengen (413×532px), el carnet de conduir (240×320px) i la targeta sanitària (358×441px) es poden configurar introduint amb precisió els valors d'amplada i alçada en píxels. En ajustar fotos de documents, es recomana mantenir activada l'opció «Mantenir la proporció» per evitar que la foto es deformi.

Com puc ajustar ràpidament les mides habituals per a e-commerce o xarxes socials?

El tauler esquerre de l'eina inclou 6 mides predefinides: 1920×1080 (Full HD), 1280×720 (HD), 1080×1080 (1:1 quadrat), 800×600, 640×480 (VGA) i 512×512. Fes clic per aplicar-les amb un sol clic. Per a més mides de plataformes, consulta la «Taula ràpida de mides d'imatge per a plataformes habituals» que trobaràs en aquesta pàgina.

Ajustar la mida afecta la qualitat de la imatge?

El simple redimensionament és una transformació geomètrica que per si mateixa no causa pèrdua de qualitat. Tanmateix, en exportar en format JPG s'aplica compressió, que pot comportar una lleugera pèrdua. Si necessites la màxima qualitat o preservar el canal transparent, tria el format PNG. Amb qualitat JPG del 90% o superior, la diferència és gairebé imperceptible a ull nu.

Com puc escalar una imatge per percentatge?

Hi ha dues maneres: 1) El tauler esquerre ofereix cinc botons d'escala ràpida: 25%, 50%, 75%, 150% i 200%. Fes clic per ampliar o reduir proporcionalment; 2) Amb l'opció «Mantenir la proporció» activada, introdueix només un dels dos valors (amplada o alçada) i l'altra dimensió es calcularà automàticament segons la proporció original.

Com funcionen les nanses d'arrossegament de la zona de previsualització?

Un cop pujada la imatge, apareixen quatre nanses circulars verdes als costats de la imatge a la zona de previsualització. Arrossega qualsevol nan amb el ratolí per ajustar la mida en temps real. Amb «Mantenir la proporció» activat, l'arrossegament bloqueja automàticament la proporció per evitar deformacions; amb l'opció desactivada, pots estirar lliurement l'amplada i l'alçada. Durant l'arrossegament, les mides s'actualitzen en temps real: el que veus és el que obtens.

Per què la mida estimada del fitxer no coincideix amb la mida real?

La mida estimada del fitxer és un valor de referència calculat a partir del nombre total de píxels de sortida i la taxa de compressió mitjana. La mida real del fitxer pot variar segons la complexitat del contingut de la imatge, el nombre de colors, la quantitat de detalls i l'algorisme de compressió del format. Les fotografies amb colors rics i detalls complexos tindran una mida més gran, mentre que les imatges amb colors sòlids o gràfics senzills seran més petites.

Com es fa el redimensionament per lots?

La versió actual processa una imatge per vegada. Si necessites processar diverses imatges per lots, pots pujar-les, ajustar-les i descarregar-les una per una. Es recomana ajustar primer una imatge, confirmar que els paràmetres són correctes i després utilitzar els mateixos paràmetres per a la resta.

Glossari

Píxel (Pixel): La unitat mínima de visualització d'una imatge, abreviatura de Picture Element. Una imatge de 1920×1080 conté aproximadament 2,07 milions de píxels. Tots els ajustos de mida d'aquesta eina utilitzen el píxel com a unitat bàsica.
Escala proporcional: L'ampliació o reducció d'una imatge mantenint-ne la relació d'aspecte original. Per exemple, una fotografia de 4000×3000 escalada proporcionalment a 2000×1500 manté la proporció sense deformar-se. Aquesta eina té aquest mode activat per defecte.
Estirament lliure: Mode en què, en desactivar el bloqueig de proporció, l'amplada i l'alçada es poden modificar independentment. Permet establir qualsevol mida amb precisió, però si la relació d'aspecte difereix gaire de l'original, la imatge es deformarà.
Remostratge (Resampling): Algorisme que recalcula i genera nous valors de píxels en canviar la mida de la imatge. El navegador utilitza per defecte l'algorisme bilineal, que ofereix un bon equilibri entre suavitzat i velocitat de processament.
Canvas API: Interfície de dibuix nativa del navegador proporcionada per HTML5. Aquesta eina la utilitza per completar el procés d'escalat al navegador local de l'usuari, sense que les dades de la imatge es pugin a cap servidor.
Relació d'aspecte (Aspect Ratio): La relació proporcional entre l'amplada i l'alçada d'una imatge. Les proporcions habituals inclouen 16:9 (vídeo Full HD), 4:3 (monitors tradicionals), 1:1 (quadrat), 3:4 (retrat vertical), etc.
Mida de fitxer estimada: Volum del fitxer estimat a partir del nombre total de píxels de sortida i la taxa de compressió mitjana, amb finalitats orientatives. La mida real del fitxer es veu afectada per la complexitat del contingut, el format i la qualitat de compressió.

Taula ràpida de mides d'imatge per a plataformes habituals

Plataforma / Ús	Amplada × alçada recomanada (px)	Format recomanat
Capçalera de newsletter/blog	`900 × 383`	JPG
Imatge dins d'article/blog	`1080 × 720`	JPG / WEBP
Instagram/Pinterest 1:1 quadrat	`1080 × 1080`	JPG / PNG
Instagram/Pinterest 3:4 vertical	`1080 × 1440`	JPG / PNG
Twitter/X imatge vertical	`720 × 1280 o més`	JPG / WEBP
TikTok portada de vídeo	`1080 × 1920`	JPG
Amazon imatge de producte estàndard	`800 × 800 (1:1) / 1240 × 790`	JPG
Amazon imatge de producte (fons blanc)	`2000 × 2000`	JPG / PNG
Imatge Hero de pàgina web	`1920 × 1080`	WEBP / JPG
Miniatura OG per a compartir	`1200 × 630`	JPG / PNG
Instagram publicació retrat 4:5	`1080 × 1350`	JPG
Facebook foto de portada	`820 × 312`	JPG
LinkedIn imatge de publicació	`1200 × 627`	JPG
Foto de DNI	`295 × 413`	JPG
Foto de passaport / visat Schengen	`413 × 532`	JPG
Carnet de conduir / sol·licituds	`240 × 320`	JPG

Comparació de mètodes de redimensionament

Mètode d'ajust	Manté la proporció	Com s'utilitza	Escenari d'ús
Escala proporcional global	✅ Bloquejat	Activa «Mantenir la proporció» i introdueix un valor d'amplada o alçada, o utilitza els botons d'escala percentual	Reduccions quotidianes, organització d'àlbums, optimització de càrrega web, evitar deformacions
Ajust a mida exacta	❌ Es pot desactivar	Desactiva «Mantenir la proporció» i introdueix per separat els valors d'amplada i alçada en píxels	Adaptar-se estrictament a mides fixes de plataformes, llenç personalitzat, imatges que compleixen especificacions
Aplicació de presets ràpids	Segons la configuració	Fes clic als botons de mides predefinides (1080P, 1:1 quadrat, etc.) per configurar amb un clic	Configurar ràpidament resolucions habituals sense introduir valors manualment
Ajust visual per arrossegament	Segons l'interruptor	Arrossega les nanses verdes de les cantonades a la zona de previsualització per ajustar la mida visualment	Ajustar mentre es visualitza, ajust precís, el que veus és el que obtens

Authoritative References

ReferenceMDN - Documentació de l'API Canvas
ReferenceWeb.dev - Servir imatges amb les dimensions correctes