Dev-Tool - Tool Box for devs

Dev-Tool

Tool Box for devs

Navigation

ENCART PUBLICITE A VOIR

images

ENCART PUBLICITE A VOIR

imageGenerator

Content

Instructions

Picture parameters

Text parameters

Select view mode

Generated Picture

Left Form

Choose the desired parameters and click on the "Generate" button to obtain an image on the right.

This image can be downloaded by right-clicking on it and then "Save image as...".

Picture parameters

Choose here the parameters specific to the generated image.

Width:

The width in pixels of the picture. Possible values ​​between 10 and 9 999 px.

Height:

The height in pixels of the picture. Possible values ​​between 10 and 9 999 px.

Format:

The format (or extension) of the image. Choose from: png - jpg - gif - svg.

Dpi (dots per inch):

Image resolution. Possible values ​​between 50 and 1500 Dpi (Horizontal AND vertical).

This option is not available for:

The .gif: this format does not save the resolution in its code.

The .svg: this format is vectorial and therefore does not need any resolution.

Background:

The background color of the image.

Text parameters

Allows to insert text in center of the picture.

Switch button:

Choose to insert text or not in the picture.

Text:

The text to insert. Limited to 70 characters maximum.

Not available if the switch button is on "No Text".

Text Color:

The color of the text to insert.

Not available if the switch button is on "No Text".

Right display

Switch button

Click on this button allows to switch the display generated on the right between 2 modes:

Picture:

The base picture generated according to parameters entered from the left form.

Links:

A series of links generated according to parameters from the left form WITH different modifiable width values.

Picture Mode

Generated Picture:

Display, in this area and with preview mode, of the generated picture according to parameters from left form.

It is automatically resized in CSS to not break the display.

This picture can be saved like all pictures from websites.

Links Mode

Breakpoints Form:

Choose different width values ​​here (between 10 and 9,999 px).

By clicking on the "Generate" button on the left form, various image links will be available.

Those pictures respect parameters from the left form except for width and height.

Widths of these pictures correspond to those entered in this form.

Heights of these pictures are calculated according to the ratio defined between width/height from the left form.

If a height value exceeds 9 999px, the corresponding link will not be generated.

"Open all" button

This button open all links at once in new browser tabs.

Make sure the browser allows pop-ups for this website so that the feature can be operate freely.

"Download all" button

This button allows you to download all pictures from the links at once.

Make sure the browser allows multi-downloading so the feature can be operate freely.

ratioCalculator

Content

Units

Units conversion in 72 dpi

Calculate

Result:

720 px

Formula: Ratio width / Ratio height = Dim. width / Dim. height Ratio height / Ratio width = Dim. height / Dim. width Dim. height = ( Ratio height / Ratio width ) * Dim. width

With values: Dim. height = ( 9 / 16 ) * 1280 = 720 px

cropImg

Content

Select picture

Upload your file with input or by drag and drop in this area

Document type : png, jpeg, gif
Maximum size : 32 Mo

Crop options

10 %

Picture options

Crop picture:

Original picture dimensions:

px

Original picture type:

.

Crop result:

Dimensions:

px

ENCART PUBLICITE A VOIR