Swift PNG logo
Swift PNG

Redimensionner les images PNG en ligne — par pixels ou pourcentage

Déposez un PNG, indiquez la nouvelle largeur ou hauteur (ou un pourcentage), et téléchargez le fichier redimensionné. Tout se passe dans votre navigateur via la Canvas API — aucune image n'est envoyée et le canal alpha est préservé.

Jusqu'à 50 Mo · 32 767 px max. par côté (Chrome / Firefox) · Dernière vérification 2026-04-27

Comment redimensionner un PNG

1

Déposez un PNG

Glissez-déposez votre PNG, ou cliquez sur Choisir un fichier.

2

Réglez les dimensions

Saisissez la largeur ou la hauteur cible en pixels (ex. 1200) ou passez en mode pourcentage (ex. 50%). Gardez le ratio verrouillé pour calculer l'autre côté automatiquement.

3

Téléchargez

Cliquez sur Redimensionner et Télécharger. La sortie reste un PNG, avec son canal alpha intact.

Privé et vérifiable

Le redimensionnement tourne dans votre navigateur via la Canvas API. Aucun envoi serveur — ouvrez DevTools → Réseau, vous verrez zéro requête.

Verrouillage du ratio

Avec le verrou actif, modifier une dimension recalcule l'autre depuis le ratio d'origine : les cercles restent ronds.

Canal alpha préservé

L'alpha 8 bits est interpolé avec RGB, donc les bords semi-transparents s'agrandissent proprement. Sur les logos, préférez réduire plutôt qu'agrandir.

Redimensionner, compresser, convertir ou recadrer ?

Ces quatre opérations résolvent des problèmes différents. Choisissez la bonne avant d'ouvrir un outil — combiner deux mauvaises gaspille de la qualité.

Objectif Faites ceci Outil
Mauvaises dimensions Redimensionner Cet outil
Bonnes dimensions, fichier trop gros Compresser Compresser PNG
Photo, fichier plus petit voulu Convertir le format PNG → WebP
Mauvais ratio Recadrer puis redimensionner Recadrer PNG
Plusieurs tailles (jeu d'icônes) Redimensionner sur chaque preset Cet outil

Dimensions PNG courantes

Cas d'usage Largeur Hauteur Variante PNG recommandée
Image hero du site 1920 px 1080 px PNG-24 (sans alpha)
Blog / Open Graph 1200 px 630 px PNG-24
Icône d'app 512 px 512 px PNG-32 (avec alpha)
Miniature 150 px 150 px PNG-8 indexé ou PNG-32

Quand NE PAS redimensionner un PNG

Dans ces quatre cas, le redimensionnement est la mauvaise solution :

  • N'agrandissez pas une capture d'écran pour l'impression. Les pixels sont interpolés, pas restaurés. Recréez l'asset à la résolution cible.
  • Ne redimensionnez pas un PNG-8 indexé à l'aveugle. Le mappage de palette se dégrade ; ré-exportez depuis la source ou convertissez d'abord en PNG-24.
  • Ne redimensionnez pas un spritesheet d'icônes. Mettez à l'échelle le SVG source et rasterisez à nouveau — ne ré-échantillonnez jamais une feuille de petits éléments d'UI.
  • Ne réduisez pas un logo anti-crénelé en dessous de 16 px. Les bords se brouillent. Utilisez une variante optimisée pour petite taille.

Vérifier la confidentialité dans DevTools

  1. Ouvrez DevTools (F12 ou Cmd + Opt + I).
  2. Allez dans l'onglet Réseau et filtrez par Fetch/XHR.
  3. Déposez un PNG dans l'outil et cliquez sur Redimensionner et Télécharger.
  4. Vous devriez voir zéro requête issue du redimensionnement — le fichier reste dans le navigateur.

Conseils de redimensionnement

  • Verrouillez toujours le ratio sauf si vous voulez intentionnellement étirer l'image.
  • Un redimensionnement à 50% dans les deux dimensions retire ~75% des pixels — un PNG 4000×3000 devient 1000×750 ≈ 1,1 M px (vs 12 M).
  • Pour les écrans HiDPI/Retina, visez 2× les dimensions CSS de l'emplacement.

Limites du Canvas par navigateur

Comme le redimensionnement utilise un <canvas> HTML, chaque navigateur plafonne les dimensions source. Si votre PNG dépasse ces limites, il ne peut pas être dessiné.

Navigateur Dimension max. par côté Aire max. pratique
Chrome / Edge 32 767 px ~268 M px
Firefox 32 767 px ~124 M px
Safari (bureau) 16 384 px ~67 M px
Safari (iOS) 16 384 px 16–67 M px (selon RAM)

Questions fréquentes

Redimensionner un PNG dégrade-t-il la qualité ?

Réduire conserve bien la qualité (interpolation bicubique). Agrandir ne récupère pas les détails et adoucit les bords. Réduisez toujours depuis la source la plus grande disponible.

Quelle différence entre redimensionner et compresser — et lequel d'abord ?

Redimensionner change les dimensions en pixels ; compresser garde les dimensions et ré-encode les pixels avec l'algorithme Deflate du PNG. Redimensionnez d'abord, puis compressez — retirer des pixels réduit la taille bien plus que la compression seule. Ensuite, passez par Compresser PNG pour des gains additionnels.

La transparence est-elle préservée ?

Oui. Le canal alpha 8 bits est interpolé avec RGB, les pixels semi-transparents s'agrandissent proprement. Sur les logos, préférez la réduction.

Puis-je redimensionner par pourcentage ?

Oui. Passez en mode pourcentage et entrez par exemple 50%. Largeur et hauteur s'ajustent proportionnellement. Vous pouvez aussi entrer des pixels exacts.

La sortie reste-t-elle un PNG ?

Par défaut oui, avec le canal alpha préservé. Si vous voulez réduire le poids plutôt que les dimensions, convertissez en WebP ou AVIF — voir les outils liés.

Outils liés