Image Code Generator

Use the following HTML image code generator to embed an image into your website. In HTML, images are embedded using the <img> tag. The image code generator below automatically creates this tag, as well as the relevant CSS for any customization that you decide on.

Image Width: Centimeters Millimeters Inches Points Picas Pixels Em Ex Ch Rem Vw Vh Vmin Vmax Percent Height: Centimeters Millimeters Inches Points Picas Pixels Em Ex Ch Rem Vw Vh Vmin Vmax Percent Margin: Centimeters Millimeters Inches Points Picas Pixels Em Ex Ch Rem Vw Vh Vmin Vmax Alt Text: Photo of the Remarkables mountain range in Queenstown, New Zealand. Border Border Color: Border Width: Centimeters Millimeters Inches Points Picas Pixels Em Ex Ch Rem Vw Vh Vmin Vmax Border Style: Solid Dashed Dotted Double Groove Ridge Inset Outset Link (optional) Destination URL: Link Target: _self _top _blank _parent

Image Location (Replace the above URL with the URL of your image)

The Code Here is the code that was generated:

Customizing The CSS

The CSS is the code between the <style></style> tags. These are the codes that determine styles of your image (such as the border, width, height, etc). You can change the CSS properties (or add new ones) as you like.

If you intend to use the same styles across many pages (a whole website, for example), you should move them to an external style sheet.