<div>
<div class="content wysiwyg-content">
Hello.<br />
<br />
On my website I am using large images (around 2000 px x 3000 px) in a sort of image editor where simple transition are allowed, like zooming, cropping. It works fine on PC browsers, but on iPad some images are simply not shown/loaded.<br />
<br />
Can you clarify the limitations the iPad safari has for the images? What do you suggest to change to ensure it works for various images?<br />
<br />
Thanks!
</div>
</div>


Hello.

On my website I am using large images (around 2000 px x 3000 px) in a sort of image editor where simple transition are allowed, like zooming, cropping. It works fine on PC browsers, but on iPad some images are simply not shown/loaded.

Can you clarify the limitations the iPad safari has for the images? What do you suggest to change to ensure it works for various images?

Thanks!

Images are not loaded/shown on iPad&#39;s safari

Images are not loaded/shown on iPad's safari

iOS is a mobile operating system developed by Apple; it is a derivative of the Mac OS X desktop operating system, with which it shares many (but not all) common frameworks and other components. These include Cocoa Touch, the Mach/Darwin/XNU kernel and code from the Berkeley Software Distribution (BSD). Each iOS application runs in its own secure sandbox to prevent altering other applications, the operating system, or any other data.

Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.