Hello, I'm new ...I have a question?

painting_4

Beta member
Messages
1
Location
New York
I am trying to understand the differences between HTML embed codes. For example, I'm trying to use a third party image hosting site in order to embed the HTML code on to another platform. The image hosting site gives me a list of options for the embed code i.e. full, medium, image, thumbnail. I am trying to understand which embed code will best keep the integrity of the image without compromising the overall quality. Thank you for your feedback.
 

kalju

In Runtime
Messages
300
Location
EU
The image is generally the same in all cases, the only difference being how large the image is displayed on your site. You can always set this size yourself, and the size of this hosting site doesn't matter at all.
In HTML, you basically have two options (actually there are more, but everything is based on these two), ie either add the size of the displayed image (at least one, ie width or height) as in the following example
Code:
<img src = "https://yoursitename.ext/full_imagename.ext" width = "240">
, where 240 is image width in pixels. But You can also use percentages, for example the same
Code:
<img src = "https://yoursitename.ext/full_imagename.ext" width = "25%" />
(ext means the extension)
The second method is to use css. Then certain images are given a separate class or id and css is written in the <head> section of the web page, ie between <head> and </head>
Code:
<style type="text/css">
  img.mypicture {
      width: 240px;
      height: 180px;
      /* and everything else, what You need to add goes also into this section of css */
  }
  </style>
and then You can use it so
Code:
<img class="mypicture" src="https://yoursitename.ext/full_imagename.ext" />

If you still have problems, visit this site
https://www.w3schools.com/html/html_images.asp
Good luck.
 
Top Bottom