Okay
  Public Ticket #920245
Images Partially Loading
Closed

Comments

  •  2
    motiv_studio started the conversation

    Only half of certain images are loaded. I have attached a screenshot.

  • [deleted] replied

    Hi there,

    This is how image is imported on your Wordpress site (view original image), maybe something was corrupted on this image while uploading, so please upload again this image and replace with the old one on this gallery.

  •  2
    motiv_studio replied

    Hello,

    I tried to re-upload the affected 2 images, still same problem.

    clarklai.com/wp-content/uploads/2016/10/IMG_4288.jpg

    clarklai.com/wp-content/uploads/2016/10/IMG_4334.jpg

    Inspecting the element, it looks like the portfolio item is adding a set of dimensions at the end of the url. Ex. "-1612x1075"

    I have used one of the pictures as a portfolio item featured image, and it is loading just fine. Also, when you click on the image slider, the picture loads fine in the lightbox. Please see screenshots.

  • [deleted] replied

    Hi there,

    It looks like those two images are corrupted, is this happening to any other image on your site? If not then the fault is on those images.

    Also for the "1612x1075" don't worry this is a part of our code and it doesn't have to do with your issue.

  •  2
    motiv_studio replied

    I have already deleted the original and re-uploaded them. Are you telling me they got corrupted again?

    Also, they are displaying perfect in the lightbox. See "gallery-2.png" in my last response, it is the same file. So I know it is NOT corrupt when it can be displayed properly in other locations. 

  •  2
    motiv_studio replied

    Please see attached screencast.

    As you can see, the photos do not display properly in the image slider, but they do display perfectly in the lightbox. So the image files are not corrupt. If the files were corrupt, then it shouldn't display properly in the lightbox either. 

    Besides, I have already taken your advice on re-uploading anyways.

  • [deleted] replied

    Hi motiv_studio,

    Can you please check if your server meets the recommended PHP configuration limits as follows:

    • max_execution_time 180
    • memory_limit 128M
    • post_max_size 64M
    • upload_max_filesize 64M
    • max_input_time 60

    For more info visit this link Recommended PHP Configuration Limits.

    If you need more info, please don't hesitate to reply here :)

  •  2
    motiv_studio replied

    Hello,

    These are my current PHP configuration limits:

    max_execution_time = 500
    memory_limit = 256M
    post_max_size = 105M
    upload_max_filesize = 100M
    max_input_time = 500
    Everything exceeds the recommended limits. Problem still exists.
  • [deleted] replied

    Hi motiv_studio,

    Hmm this is the first time that our support team hear about this problem.

    Anyway can you please write URL of this exact page please?

    Can you please share your WP credentials here, because I need to login to your site and test this issue. Your information is safe here (private) in this thread. To include your credentials click Insert Credentials button in editor toolbar. (See how)

    We need to investigate your site and then get back to you if we have possible solution.

  •   motiv_studio replied privately
  • [deleted] replied

    Hi,

    The image showing half black background is corrupted. After uploading another big image "4877x3515" 2.1MB it was showing properly in all sizes:

    http://clarklai.com/wp-content/uploads/2016/10/large-img-1612x1162.jpg
    http://clarklai.com/wp-content/uploads/2016/10/large-img-1482x635.jpg
    http://clarklai.com/wp-content/uploads/2016/10/large-img-1116x804.jpg
    http://clarklai.com/wp-content/uploads/2016/10/large-img-1024x738.jpg
    http://clarklai.com/wp-content/uploads/2016/10/large-img-845x592.jpg
    http://clarklai.com/wp-content/uploads/2016/10/large-img-768x554.jpg
    http://clarklai.com/wp-content/uploads/2016/10/large-img-655x545.jpg
    
    They are not showing half black.
  •  2
    motiv_studio replied

    Hi,

    I have re-exported those photos, deleted the old photos and re-uploaded the new ones.

    I have also contacted my hosting company's support and have increased my PHP configuration limits further.

    upload_max_filesize = 200M
    post_max_size = 205M
    max_execution_time = 5000
    max_input_time = 5000
    memory_limit = 512M
    max_input_vars = 5000

    I noticed that when uploading images, 7 additional image sizes are being generated, plus the original. The two photos that were half black were both the largest image size generated (that's not the original).

    Maybe there is a bug in the code that is generating the largest image size?

    I have also included the two photos in this post. You can try to see if it works for yourself.

  •  2
    motiv_studio replied

    Also, I just checked the links you replied with. Again, the largest image size is not working, so it is not just me.

    http://clarklai.com/wp-content/uploads/2016/10/large-img-1612x1162.jpg
  • [deleted] replied

    Hi,

    Well, it can be your hosting GD image library that break these images, our theme doesn't  affect "image processing" code of WordPress, you can try to switch to other theme and this will happen again.

    Note that our theme uses thumbnails of size 1600+ in case images are larger in size.

  •  2
    motiv_studio replied

    Will uploading smaller images solve this?

  • [deleted] replied

    Hi,

    If you increase memory_limit to 256M in php.ini then I think this issue will be solved, otherwise uploading smaller images should work just fine.

  •  2
    motiv_studio replied

    My current memory limit is 512M and still having this problem.

    upload_max_filesize = 200M
    post_max_size = 205M
    max_execution_time = 5000
    max_input_time = 5000
    memory_limit = 512M
    max_input_vars = 5000
  • [deleted] replied

    Hi,

    Here is a video that shows that also my server has 512M and here is the image processing when I try to upload these large images:

    http://drops.laborator.co/8mIj

    Attached you'll find the GD (image processing library) built in server image processing library, maybe this is the problem!

  •  2
    motiv_studio replied

    Thank you, I will contact my host provider and see if they can help.