Aller au contenu principal
ToolsByUs

Outils pour créateurs

Chaque plateforme impose ses propres tailles en pixels et ses limites de fichier, et la plupart recadrent ou rejettent ce qui ne correspond pas plutôt que de dire pourquoi. Ces vingt-deux redimensionneurs contiennent le cadre exact attendu par chaque plateforme, dessinent les zones qu’elle recouvre d’avatars et de contrôles, et exportent toutes les tailles requises d’un coup — entièrement dans votre navigateur.

22 outils100 % local

Quand utiliser un outil créateurs dans le navigateur ?

Chaque grande plateforme impose des dimensions rigides, des ratios d’aspect et des limites de taille de fichier pour les bannières, les photos de profil, les émotes et les images de produits. Discord exige un ratio 17:6 pour les bannières de profil tout en recadrant au centre les fichiers non conformes. Twitch impose des limites strictes de 100 KB sur les émotes 112×112, 56×56 et 28×28. Roblox exige un placement précis sur un gabarit de canvas de 585×559.

Quand les créateurs passent par des éditeurs généralistes, ils se heurtent souvent aux artefacts de compression, à des recouvrements d’avatar inattendus qui masquent des éléments visuels clés, ou à des rejets pour de légers écarts de dimensions. Ces vingt-deux outils créateurs précalculent les zones de sécurité exactes et exportent des lots multirésolutions prêts à être envoyés tels quels.

Chaque calcul, transformation de canvas et compression ZIP s’exécute à 100% localement dans votre navigateur, à l’aide des API Canvas accélérées par le matériel et des Web Workers. Aucune image ni donnée utilisateur n’est jamais envoyée à un serveur externe.

Quand les dimensions relèvent de votre choix et non de la plateforme, nos utilitaires d’image généralistes offrent une édition sans contrainte : Redimensionner une image pour des dimensions en pixels arbitraires, Recadrer une image pour un recadrage libre, et Compresser une image pour réduire le poids du fichier.

Questions fréquentes

Pourquoi ne pas se contenter d’un redimensionneur d’images généraliste ?

Parce que le difficile n’est pas le redimensionnement. C’est de savoir que Twitch rejette une émote de plus de 100 KB, que Discord recadre au centre toute bannière de profil qui n’est pas en 17:6, que Roblox veut le panneau du torse à une place fixe sur un canvas de 585 × 559, et que seule la bande centrale d’une bannière YouTube est visible sur un téléphone. Un redimensionneur généraliste vous demande un nombre ; ces pages connaissent déjà le nombre.

Mes images sont-elles envoyées pour produire ces exports ?

Non. Le fichier est décodé, recadré, redimensionné, encodé et regroupé en ZIP par votre propre navigateur, et vous pouvez le vérifier : ouvrez DevTools, allez dans le panneau Network et exportez — aucune requête transportant votre image n’apparaît. La Content-Security-Policy de la page définit connect-src 'self', si bien que le navigateur en refuserait une même si le code tentait.

Que se passe-t-il quand une plateforme impose une limite de taille de fichier ?

L’exportateur la fait respecter au lieu de la mentionner. Pour JPEG et WebP, il cherche la qualité la plus haute qui tient sous le plafond, en privilégiant le dessous plutôt que la limite. PNG est sans perte et n’a pas de molette de qualité, si bien qu’un PNG au-dessus de son plafond est signalé comme tel — avec la suggestion de changer de format ou de simplifier le visuel — au lieu de vous être remis comme s’il passait.

Puis-je exporter d’un coup toutes les tailles qu’exige une plateforme ?

Oui, et c’est la raison principale de l’existence de ces pages. Un jeu d’émotes Twitch, c’est 112, 56 et 28 pixels ; les badges d’abonné font 72, 36 et 18. Un seul recadrage les produit tous et ils arrivent en un seul ZIP, nommés comme le formulaire d’envoi l’attend, plutôt qu’en trois rondes du même travail.

Que sont les pointillés et les formes sombres sur l’aperçu ?

Le rectangle en pointillés est la zone de sécurité — la partie du cadre visible sur tous les appareils. Les formes sombres sont ce que la plateforme dessine par-dessus votre visuel : un avatar circulaire sur une bannière Discord ou X, les commandes du lecteur sur un Canvas Spotify. Tout ce que vous placez dessous ne sera pas vu, et le constater pendant le recadrage coûte moins cher que de le découvrir après publication.

Que trouve-t-on d'autre sur ToolsByUs ?

ToolsByUs — Outils pour créateurs