Limit Image Log For Free

An inline image is a graphic image that is inserted into a web page to add visual appeal, provide information or to represent a hyperlink. Inline images are usually in GIF, JPEG or PNG formats. They are incorporated into a web page using the data URI scheme.

Inline images are images that appear inside a block of HTML text. The simplest way to add an inline image in HTML is to insert the img tag into the text exactly where you want the image to appear, as in Figure 30.1.

To make an image smaller in HTML, you can use the ?width? and ?height? attributes with the values in pixels inside the <img> tag. Following is the HTML code to make an image having a width of 200 pixels and a height of 80 pixels. However, you can also use CSS to make the image smaller.

An inline image is an image that is in the body of your email. It is not an attachment. To add an image to your email: Create a new email message, Accept an email message, or Reply to an email message.

The maximum size of a JPEG image is 65535 x 65535 pixels. The maximum size of a PNG image is 2^31-1 x 2^31-1 pixels. You would have great difficulty constructing an image this large due to memory constraints on typical computers. Some older platforms cannot operate on files that are over two gigabytes in size.

There are size limitations for inline images. Browsers are only required to support URLs up to 1,024 bytes in length, ing to the above RFC. Browsers are more liberal in what they'll accept, however.

Use the Auto Value for Width and the max-height Property to Resize the Image in CSS. We can use the auto value for width and set it's max-height to 100% so as to fit within the container it is placed in. In this way, we can prevent overriding any default width, and thus prevent distortions within the image.