I am trying to display a 42000x280 2.46mb image that will not display in Firefox, but it works in Chrome + IE. The image can be found at http://tpupower.net/tron2.gif
The image is made from an animated gif and I saved it with PHP's imagegif(). Could this be a color profile error? How would I check that?
The image won't open in Photoshop either, I don't know if its because of the dimensions or what. The error it gives is below.
"Could not complete your request because of a problem with the file-format interface."
It is a fact that firefox and photoshop can't open it,you should use GIMP(GNU manipulation program) and scale image..GIMP is free and open source image manipulator.you can scale or decrease quality of image.I am sure it will open in GIMP.
you can download and get more info. from link:
http://www.gimp.com/
hope this will be helpful.
Related
I am working on a web app that allows users to upload files to our CDN network, and then displays the images on the web app. However, I noticed something weird when uploading images through iOS (Safari) and possibly other browsers too.
When the highest resolution image is selected, the image is uploaded in its correct dimensions and shape.
However, when a lower resolution is selected, the uploaded image ends up being rotated on upload. I am not sure, if this happens with the CDN, or somewhere with the iOS file select feature, but its weird, since it works fine with the "Actual size" image.
You can see images below, to re-produce the error.
Pay attention the image shape, and file size. As "Actual size" the file size is 3.5MB!
Now, after we click on "Choose image size", following appears. I will choose "Medium".
After, you will see the file size is just 164KB. Reduction of -95.31%.
Then, pay attention to the shape, after the image is uploaded. You will see it is different rotation.
Does anyone have any clue as to why this happens? I am not sure if this has anything to do with the CDN I am using, because as I said before, when the "Actual size" image is selected, the uploaded image is perfectly fine. Only when size is changed through iOS "File selector" it changes rotation.
Also, another concern I have, is that these high resolution images are not necessary for my application. Sometimes we are talking +8MB for images, due to their high resolution and dimensions. Does anyone know if it's somehow possible to specify the image size for uploads on iOS/Android as default - so the user does not have to do anything? That would be ideal.
The images generated during choosing by iOS are missing the data for Orientation in the EXIF data for the image. That's why the image is correct when you upload the actual image, it seems oriented properly, but isn't right when it is a different size. You can check that by uploading the original and different sizes at https://exifinfo.org/. You'll see the different Orientation data in the EXIF section.
Since this is an iOS Safari specific feature, you can't rely on being able to choose multiple sizes of images that are being uploaded. A more reliable, cross-platform solution would be to resize the image yourself using a Canvas. This will however still probably require the user to upload the full size image, then you would have to process it on the canvas and upload it to your API.
I have web page (php page) and it is showing the image very well for any browser in my desktop, ipad (9.7 inch or bigger) but never show in iphone, android phone, and ipad mini. The mobile browser only shows black image.
I wonder that the image is too large (jpg), but same jpg file is showing well in desktop browser but is showing black in mobile browser.
I research google. Someone says this image may use CMYK format. How can I know this image is CMYK format? is it the issue?
Does anyone know how to fix the issue?
Give you an image sample
link: http://www.cbeiji.com/upload1812/20200308120858161866827.jpg
html:
<img alt="" src="http://www.cbeiji.com/upload1812/20200308120858161866827.jpg">
Desktop browser shows well.
Mobile browser doesn't show up. It is a black rectangle.
That's not a JPEG, it's a PNG.
Now, the browser doesn't really know or care what the filename is, but your server is using the .jpg extension to determine what Content-Type header to send back. Your server is sending:
Content-Type: image/jpeg
Obviously, since it's not a JPEG, some clients are going to have a problem with this. For the ones that are working... the browser is being nice to you.
By the way, you can verify this stuff yourself using one of the many metadata viewers online. For example: https://exifmeta.com/
Use an image editor and save the file as a regular jpg (or just right-click save as)
Make sure there is no transparency added
first check it with one image, see if that helps.
If you look at this page, you will see that the right two images are sideways:
http://www.disneypinplace.com/beta/pin.php?id=PD78685
But when you click on them, they appear correctly in full screen view, vertically. I can't see anything wrong in my HTML img code that could cause this.
Can anyone tell me why this is happening? These photos were taken with an iPhone 5 by the way.
This is a particular problem with how the iPhone exports images. Seem this link for a similar situation.
Computers/browsers and iPhone software interpret the camera metadata (details about image, including portrait/landscape) differently thus causing the difference in rendering.
I was able to download the far right image in Pixelmator/Photoshop and save it as a jpg again, making sure it was portrait. This made it so the browser properly rendered the image and did not rotate it 90 degrees.
Were these pictures taken sideways, by any chance? Have you tried editing and "exporting for web" from Photoshop, for example?
Maybe the problem is on the image EXIF (as in you only see the image correctly because the browser reads the EXIF info and rotate it on screen). Exporting it will most likely remove that info from the image file and it might make it correct.
I spent an hour with this that I'll never get back. :)
The Problem
I took the picture on my Samsung GALAXY Tab PRO 8.4. It rendered SIDEWAYS in an Android Emulator as well as in FireFox 42.0.
The Fix
I edited the picture in IrfanView.
I went to Properties_Settings -> JPG_PCD_GIF ->
UNCHECK "Auto-rotate Image according to EXIF info (if available)"
It now renders OK in FireFox. I haven't checked the emulator yet.
This is the site:
http://grafistas.com.gr/perle/?page_id=105
If you open it and go hover over a product title an image will pop up. In all browsers seems to be okay.
But in Chrome the image is way at the left.
Inside the js file, the xOffset is positive number but the yOffset is a negative number. Does Chrome not understand negative numbers?
I also read somewhere that a possible fix would be to load the js file at the very end so that the image could be loaded and Chrome would read its width/height. I tried it but nothing changed.
Anyone knows what's wrong?
I changed the class that the preview image was embeded and now it works perfect! Thanks me! :P
On my site - http://appliedcodingtech.com/site/factory_automation_photos, an image towards the bottom does not show up in IE8, but it shows up just fine in FF and Chrome. What is wrong?
The broken image is a CMYK .jpg, which IE8 does not support.
It looks like it's an issue with the image (corrupt or whatnot). Just opening the image in a new tab doesn't even work. My advice is take a screen cap of it and save that as Twin_belt_transport.jpg and re-upload it.
I think it is a corrupt image - I used Paint.Net to open the image and re-saved it, and now IE will display it.
Apparently the image is corrupted (applications may handle this in different ways) or is stored in a way that is not supported by IE. Try saving the image again using an image editor.
The problem lies in the image itself. IE cannot open it from disk either. It is indeed a jpg image (it has the 'exif' header), although I don't have the tools at hand to study exactly what's wrong with it.
Good question.
It seems that the image file is corrupted. Re-uploading it would definitely fix it!
But also some pointers
Thumbnails are too big. Use different images for thumbnails and for
view purposes. It loads slow and doesn't look professional at all :(
Your using .jpg and .JPG file extensions. For a more beautiful code,
use only lowercase .jpg!
There are spaces in the filenames. Use _ or -