Filtrez rapidement les outils selon la tâche et ouvrez le flux le plus adapté.

Images, SVG et CSS

Modifiez des images, extrayez des couleurs, optimisez SVG, générez des visuels CSS et créez des assets locaux.

34 outils

Cluster thématique

Images, SVG et CSS

Modifiez des images, extrayez des couleurs, optimisez SVG, générez des visuels CSS et créez des assets locaux.

Redimensionneur d'Image

Redimensionnez vos images avec contrôle largeur/hauteur, verrouillage du ratio, modes d'ajustement et export de format.

Rogneur d’Image

Recadrez vos images avec une zone ajustable et exportez précisément la sélection.

Optimiseur SVG

Optimisez les fichiers SVG en supprimant les métadonnées, les commentaires et les attributs redondants.

Générateur de Dégradé CSS

Construisez des degrades lineaires ou radiaux avec angle, stops et sortie CSS propre.

Guides associés

Image optimization workflow

Prepare web images with sizing, compression, and delivery checks.

Color extraction from images

Use extracted colors as candidates for previews, accents, and documentation.

svg-optimization-and-conversion-best-practices

Image privacy and redaction

Remove sensitive regions before image assets leave the original context.

Common tasks

Use this hub for local image editing, SVG optimization, CSS asset generation, and visual review before publishing.

Resize, crop, and inspect images before using them in docs or social previews.
Redact sensitive visual regions before optimization or export.
Generate CSS and SVG assets with predictable dimensions and reusable output.

Related workflows

Redimensionnement image et export social

Redimensionnez, recadrez, optimisez et préparez les assets sociaux localement.

Open workflow

Tutorials and checklists

Image optimization workflow

Prepare web images with sizing, compression, and delivery checks.

Image privacy and redaction

Remove sensitive regions before image assets leave the original context.

Color extraction from images

Use extracted colors as candidates for previews, accents, and documentation.

Category FAQ

Should I resize private screenshots before redaction?

No. Redact first, then resize and optimize the safe asset.

Which image tools are best for social previews?

Start with resizing and cropping, then generate or inspect Open Graph metadata with the final asset.

Optimiseur SVG

Optimisez les fichiers SVG en supprimant les métadonnées, les commentaires et les attributs redondants.

Ouvrir

Chercheur de paires Google Fonts

Trouvez des associations de polices contrastées et prêtes pour la production, puis copiez instantanément le snippet CSS import.

Ouvrir

Convertisseur texte en écriture manuscrite

Rendez du texte saisi en images style écriture manuscrite avec export PNG téléchargeable.

Ouvrir

Convertisseur code vers image

Convertissez des extraits de code en images PNG téléchargeables.

Ouvrir

Convertisseur de couleurs

Convertissez les couleurs entre les formats HEX, RGB et HSL.

Ouvrir

Générateur d’ombres React Native

Ajustez les propriétés d’ombre iOS et l’elevation Android avec aperçu en direct et sortie StyleSheet prête à copier.

Ouvrir

Générateur de Palette IA

Générez des palettes prêtes pour la marque à partir d'une couleur de base et d'un mot-clé de style.

Ouvrir

Mélangeur de Couleurs

Mélangez deux couleurs en RGB ou HSL avec contrôle du ratio et sortie CSS.

Ouvrir

Générateur de Nuances

Générez 10-12 nuances depuis une couleur de base et exportez des variables CSS.

Ouvrir

Extracteur de Couleur Moyenne Image

Téléversez une image pour calculer sa couleur moyenne et copier les valeurs HEX/RGB.

Ouvrir

Générateur de Légende Image

Ajoutez un texte de legende sur l'image, ajustez le style, puis exportez en PNG.

Ouvrir

Extracteur de Palette Image

Extrayez les couleurs dominantes d'une image et copiez instantanément les HEX.

Ouvrir

Pipette Couleur Image

Cliquez sur n’importe quel point d’une image pour prélever et copier des couleurs HEX/RGB exactes.

Ouvrir

Rogneur d’Image

Recadrez vos images avec une zone ajustable et exportez précisément la sélection.

Ouvrir

Filtres d’Image

Appliquez des filtres réglables de luminosité, contraste, saturation, niveaux de gris et flou.

Ouvrir

Redimensionneur d'Image

Redimensionnez vos images avec contrôle largeur/hauteur, verrouillage du ratio, modes d'ajustement et export de format.

Ouvrir

Censure Photo

Masquez les zones sensibles d'une image avec un mode mosaïque ou flou ajustable.

Ouvrir

Convertisseur PDF Scanné

Améliorez les pages scannées avec contraste et seuil, puis exportez toutes les pages dans un seul PDF.

Ouvrir

Générateur de Blob SVG

Générez des formes Blob SVG organiques avec contrôle des points, de l'aléa et de la graine.

Ouvrir

Générateur de Motifs SVG

Créez des motifs SVG répétables avec espacement, épaisseur de trait et préréglages de couleur.

Ouvrir

Convertisseur SVG Stroke vers Fill

Convertissez des formes SVG en contour vers des formes remplies avec aperçu en direct.

Ouvrir

Convertisseur SVG vers PNG

Convertissez du SVG en PNG haute qualité avec résolution personnalisée et fond transparent.

Ouvrir

Générateur de motifs de fond CSS

Créez des textures de fond CSS répétables avec des préréglages, des curseurs et du code prêt à copier.

Ouvrir

Générateur de border-radius CSS

Ajustez visuellement chaque rayon de coin et exportez des valeurs CSS border-radius propres.

Ouvrir

Générateur d’ombres CSS

Créez des ombres CSS à une ou plusieurs couches avec aperçu en direct et extraits téléchargeables.

Ouvrir

Générateur de cases à cocher CSS

Créez des styles de case à cocher personnalisés avec une sortie CSS prête pour les états hover/checked.

Ouvrir

Générateur CSS Clip-Path

Générez des polygones clip-path avec préréglages, points personnalisés et aperçus en direct.

Ouvrir

Générateur CSS Cubic Bezier

Visualisez et exportez des courbes d’accélération pour des transitions CSS fluides.

Ouvrir

Générateur CSS Glassmorphism

Créez des cartes effet verre avec flou, opacité, bordure et ombre, puis exportez le CSS.

Ouvrir

Générateur de Dégradé CSS

Construisez des degrades lineaires ou radiaux avec angle, stops et sortie CSS propre.

Ouvrir

Générateur de Loader CSS

Générez des loaders spinner, dots ou bars avec taille, vitesse et export CSS.

Ouvrir

Générateur de Switch CSS

Générez des interrupteurs CSS avec contrôle de taille, couleur et état.

Ouvrir

Générateur d'Effet Glitch Texte CSS

Créez des effets glitch animés pour le texte avec intensité, couleurs et export CSS.

Ouvrir

Générateur de Triangle CSS

Générez des triangles CSS directionnels pour tooltips, pointeurs et flèches UI.

Ouvrir