Dev-Tool - Boite à outils pour devs

Dev-Tool

Boite à outils pour devs

Navigation

ENCART PUBLICITE A VOIR

images

Ceci est une description exemple, texte a venir

ENCART PUBLICITE A VOIR

imageGenerator

Contenu

Instructions

Paramètres image

Paramètres texte

Séléctionner le mode

Image Générée

Formulaire de gauche

Choisir les paramètres souhaités et cliquer sur le bouton "Générer" afin d'obtenir une image à droite.

L'image peut ensuite être téléchargée en cliquant droit dessus puis "Enregistrer l'image sous...".

Paramètres image

Choisir ici les paramètres propres à l'image générée.

Largeur :

La largeur de l'image en pixels. Valeurs possibles entre 10 et 9 999 px.

Hauteur :

La hauteur de l'image en pixels. Valeurs possibles entre 10 et 9 999 px.

Format :

Le format (ou extension) de l'image. Choix parmi : png - jpg - gif - svg.

Ppi (pixels par pouce) :

La résolution de l'image. Valeurs possibles entre 50 et 1 500 Ppi (Horizontal ET vertical).

Cette option n'est pas disponible pour :

Les .gif : ce format n'enregistre pas la résolution dans son code.

Les .svg : ce format est vectoriel et n'a donc pas besoin de résolution.

Fond :

La couleur de fond de l'image.

Paramètres texte

Permet d'insérer du texte au centre de l'image.

Bouton switch :

Choisir d'insérer du texte ou non dans l'image.

Texte :

Le texte à insérer. Limité à 70 caractères maximum.

Non disponible si le bouton switch est sur "Sans Texte".

Couleur Texte :

La couleur du texte à insérer.

Non disponible si le bouton switch est sur "Sans Texte".

Affichage de droite

Bouton switch

Cliquer sur ce bouton permet de permuter l'affichage généré à droite entre 2 modes :

Image :

L'image de base générée selon les paramètres entrés depuis le formulaire de gauche.

Liens :

Une série de liens générés selon les paramètres du formulaire de gauche AVEC différentes valeurs modifiables pour la largeur.

Mode Image

Image générée :

Affichage, dans cette zone et en mode aperçu, de l'image générée selon les paramètres du formulaire de gauche.

Elle est automatiquement redimensionnée en CSS afin de ne pas casser l'affichage.

Cette image est enregistrable comme toutes les images d'un site internet.

Mode Liens

Formulaire Points de rupture :

Choisir ici différentes valeurs de largeurs (entre 10 et 9 999 px).

En cliquant sur le bouton "Générer" du formulaire de gauche, différents liens d'images seront disponibles.

Ces images respectent les paramètres du formulaire de gauche sauf pour la largeur et la hauteur.

Les largeurs de ces images correspondent à celles entrées dans ce formulaire.

Les hauteurs de ces images sont calculées selon le ratio définit entre largeur/hauteur du formulaire de gauche.

Si une hauteur dépasse les 9 999 px, le lien correspondant ne sera pas généré.

Bouton "Ouvrir tout"

Ce bouton permet d'ouvrir tout les liens à la fois dans de nouveaux onglets du navigateur.

S'assurer que le navigateur autorise les pop-ups pour ce site web afin que la fonctionnalité puisse opérer librement.

Bouton "Télécharger tout"

Ce bouton permet de télécharger toutes les images des liens à la fois.

S'assurer que le navigateur autorise le multi-téléchargement afin que la fonctionnalité puisse opérer librement.

ratioCalculator

Contenu

Unités

Conversion d'unités en 72 dpi

Calculer

Résultats :

720 px

Formule : Ratio largeur / Ratio hauteur = Dim. largeur / Dim. hauteur Ratio hauteur / Ratio largeur = Dim. hauteur / Dim. largeur Dim. hauteur = ( Ratio hauteur / Ratio largeur ) * Dim. largeur

Avec les valeurs : Dim. hauteur = ( 9 / 16 ) * 1280 = 720 px

cropImg

Contenu

Sélectionner une image

Télécharger votre fichier avec le champs ci dessous ou par drag and drop dans cette zone

Type de document : png, jpeg, gif
Taille maximum : 32 Mo

Crop options

10 %

Paramètres image

Crop Image :

Dimensions originales de l'image :

px

Type de l'image :

.

Résultat du crop :

Dimensions :

px

ENCART PUBLICITE A VOIR