what this does
Transformez votre propre image en tuile répétée.
Pattern Generator peut créer des fonds à partir de 16 préréglages géométriques — ou d'une image que vous importez. Utilisez un échantillon de texture, une marque, un recadrage photo ou tout fichier PNG, JPEG, WebP ou SVG comme tuile de répétition.
L'outil fonctionne entièrement dans le navigateur. Choisissez un fichier, réglez la couleur de fond, l'échelle de la tuile et l'opacité, puis copiez le CSS ou téléchargez un SVG ou PNG. Aucun compte ni envoi vers un serveur.
step-by-step
Importez et exportez en cinq étapes.
- Ouvrez Pattern Generator.
- Dans le sélecteur de motifs, cliquez sur la carte Your image — la tuile d'import en tête de grille.
- Choisissez un fichier PNG, JPEG, WebP ou SVG sur votre appareil. L'aperçu se met à jour une fois l'image chargée.
- Ajustez Background colour, Scale et Opacity jusqu'à ce que la répétition convienne dans l'aperçu.
- Cliquez sur Copy CSS, Download SVG ou Download PNG pour utiliser le motif dans votre projet.
your file
Ce qui arrive à votre image.
Pattern Generator recadre votre image en carré central — le milieu du fichier, en utilisant le côté le plus court comme taille de recadrage — puis redimensionne ce carré aux dimensions de la tuile pour l'échelle actuelle (jusqu'à 256 px).
Tout le traitement se fait en mémoire sur votre appareil. Le fichier d'origine n'est jamais envoyé à Tiny Design Shop ni à un serveur tiers.
transparent pngs
PNG transparents et couleur de fond.
Si votre image a de la transparence — PNG, WebP avec alpha ou SVG — Pattern Generator remplit la tuile avec la Background colour choisie avant de dessiner l'image par-dessus. Les zones opaques restent visibles ; les pixels transparents laissent voir la couleur de fond.
Utilisez cela pour contrôler la couleur des espaces entre logos, adoucir les bords de textures découpées ou harmoniser une couleur de surface de marque lorsque le fichier source n'a pas de fond propre.
export
Copiez CSS, SVG ou PNG.
Copy CSS fournit un bloc prêt à coller de background-color, background-image et background-size avec la tuile intégrée en data URI. Collez-le dans la feuille de style ou le style en ligne de l'élément qui doit afficher la répétition.
Download SVG exporte la tuile en fichier vectoriel autonome — utile pour les remplissages Figma ou la remise de design. Download PNG exporte un raster 1600×900 de l'aperçu en mosaïque — mieux pour les diapositives, aperçus sociaux ou outils qui n'acceptent pas les fonds data URI.
Les images personnalisées très détaillées produisent des extraits CSS plus longs. Si l'outil signale un CSS volumineux, préférez Download PNG ou hébergez la tuile comme fichier image séparé plutôt qu'en data URI inline.
limits
Taille de fichier, tuile et mémoire de session.
Les imports sont limités à 8 MB. Types acceptés : PNG, JPEG, WebP et SVG. La tuile est plafonnée à 256 px sur le côté le plus long à l'échelle maximale — suffisant pour des répétitions CSS nettes sans alourdir la feuille de style.
Votre image personnalisée ne vit que dans cet onglet du navigateur. Actualisez la page ou fermez l'onglet et l'import est effacé — vous devrez choisir le fichier à nouveau. Pas de sauvegarde cloud ni de synchronisation entre appareils.
privacy
Votre fichier ne quitte pas l'appareil.
Pattern Generator traite les imports localement dans le navigateur. Recadrage, redimensionnement, aperçu et export s'exécutent sur votre machine — rien n'est envoyé aux serveurs Tiny Design Shop. Fermez l'onglet une fois terminé ; aucune copie de votre image n'est conservée.