So i have uploaded my website in godaddy and some of my
small images are displaying (sizes: 872 × 546px) but the large ones aren't displaying (the banners that has a size of 2700 × 900px). Does anyone know why this is happening?
This here shows when i check why my banner image wont load. Ive tried using already but it still doesn't appear
edit: They are both located in the same folder
for the large images:
<section class="banner">
<img src="img/WhyHim_Header.jpg" alt="whyhim" class="img-responsive">
</section>
for the small images:
<section class="polaroidimages">
<img src="img/Image2.jpg" alt="Image 2">
</section>
Can you provide more details? Normally this kind of errors are related to either the path you have specified or the file name? Have you made sure the file name and extension are correct?
Check your file sizes -- per GoDaddy's documentation, images must be smaller than 30MB. Also, images larger than 1920 x 1080 may cause problems. If your filepaths are correct, this is likely the issue.
Related
Just learning to code. And would like to know why my images aren't showing on my browser(s). Both Firefox and safari. I'm using an iMac computer (which is not a problem anyway).
Here is an example of the code:
<img src="images/fish08.jpg" alt="Big Fish" width="250" height="200">
Something must be wrong with your source path. Your code should work if this is your folder structure:
- fileWithImageElement.html
- images
- fish08.jpg
Please read HTML file paths to see which one you should use.
If I use the same image file(for example- image01.jpg) within a single page multiple times, will the browser load each image separately? or the image will only once be loaded and then will be reused for the rest of the embedded code? Below is an example.
<body>
<img src = 'images/image01.jpg"/>
<img src = 'images/image01.jpg"/>
<img src = 'images/image01.jpg"/>
</body>
In the above example, will the browser download image01.jpg once? or thrice?
Default behavior for most browsers is to cache images on first load. Multiple calls for same image would be served from the cache.
If you wish to disallow browser caching read more here: How to control web page caching, across all browsers?
I uploaded an image to my web server just like all the images are. I created it in Photoshop and exported to a .png. The image resides under The code is src="" But the browser shows that the image does not exist. I've set permissions to 0777, I've changed the image path, tried a different image in the same path to confirm it's reading the path right, and the image will just not show. You can view the link here, it will show nothing
EDIT: This is what the image is suppose to look like
EDIT: Removed links for privacy
You forgot " at the end.
It should be like this:
src="img/SccBridgeLogo.png"
OR
Try adding / at the beginning of the path, that should tell the browser to search from index directory.
src="/img/SccBridgeLogo.png"
Note this only works if you are running on a site, running from index.html in browser will return in
File:////
I had to use the picture tag for fallbacks and came across this issue at that point.
This use to work fine
<img src="images/netgraph-logo.png" alt="NetGraph Logo">
After adding the picture tag
<picture>
<source srcset="images/netbob-logo.webp" type="image/webp">
<source srcset="images/netbob-logo.png" type="image/png">
<img src="./images/netbob-logo.png" alt="NetBob Logo">
</picture>
In my case I was able to go down one folder from the root folder, therefore "./" preceding the rest of the url worked fine. You may need to back up several folders instead though, so be sure you are using the correct type of path.
Hi im fairly new to html and have run into a problem when adding images from a local folder.
<img src="C:\ComputerBuild Pics\DSC_0037.NEF">
<img src="C:\ComputerBuild%Pics\DSC_0037.NEF">
<img src="ComputerBuild%2520Pics\DSC_0037.NEF">
<img src="ComputerBuild%Pics\DSC_0037.NEF">
NEF image file is raw image, compress this file https://raw.pics.io/convert-nef-to-jpeg
A browser cannot render a NEF image file.
You need to convert it to a file format that a browser can interprete and render.
You need to convert it to supported images for web browsers.
On regards to that, there is this page in Wikipedia. See the chart for different images types and web browsers.
Convert the images in .png format which stands for "Portable Network Graphics"
You can use this site to convert: http://image.online-convert.com/convert-to-png
or you can use any graphics software of your choice
Does anybody have tips on how to tell what is causing Internet Explorer to give a security warning for some flash videos on my site? I've looked through the HTML and can't find anything, so it appears to be somewhere in the Flash itself. But I'm not really sure.
Thanks
This is generally caused by a page that is loaded via https but references content via http. Make sure all content on the page loads with https. That includes all images, flash movies, css, javascript, etc.
A vastly underutilized feature of html that helps avoid this kind of thing is support for relative schemes on absolute urls. The way it works is something like this: Instead of:
<img src="http://example.com/images/logo.jpg" alt="logo" />
do this:
<img src="//example.com/images/logo.jpg" alt="logo" />
The second example will load the image with the same scheme as the containing page was loaded. Browser support for this feature is excellent. An example of a large site that leverages this feature heavily is SlashDot.org. View source on their homepage and you'll see many uses for all their CDN content.