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.
