Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 27, 2022 at 8:05 pm #1346228
    gb

    Hi,

    I am using a demo import to build my site and when I replace the demo image for one of my own into the background image for the Color Section of the Contact area, it looks pixelated.

    The problem exists even thought I tried it with the exact same size: 850 x 850 pixels at 72 dpi. I also made a version a 1200 x 1200 pixels and 2000 x 2000 pixels. All of them look pixelated when I remove the overlay effect. The original demo kept the overlay effect on but I want to emphasize the beauty of the photo so do not want that look.

    Any Idea how I can get the image to not look pixelated?

    Link: https://venusreborn.com/#contact

    Any insights appreciated.

    GB

    March 28, 2022 at 4:31 am #1346253
    Ismael

    Hey gb,

    Thank you for the inquiry.

    The selected image is only 300x300px. Please make sure to select the full size version of the uploaded image in the ATTACHMENT DISPLAY SETTINGS > Size settings or dropdown before inserting it as background.

    Best regards,
    Ismael

    March 28, 2022 at 10:14 pm #1346353
    gb

    Thanks so much!

    I noticed that on some rare occasions that: ATTACHMENT DISPLAY SETTINGS > Size changes to a different setting..

    Anyways, it worked, much appreciated!

    March 29, 2022 at 6:07 am #1346377
    Nikko

    Hi gb,

    We’re happy to hear that!
    If you have a child theme enabled, try adding this code in functions.php, so the default selected image size is always the original size and not the medium (cropped) size.
    `function select_default_image_size () {
    return ‘full’;
    }

    add_filter( ‘pre_option_image_default_size’, ‘select_default_image_size’ );`
    Use this code instead:
    update_option( 'image_default_size', 'full' );
    Hope this helps.

    Best regards,
    Nikko

    • This reply was modified 2 years, 7 months ago by Nikko.
    March 29, 2022 at 10:23 am #1346410
    Guenni007

    guess the main reason on that is that you are using the parallax effect on that background.
    For a parallax effect the image is set to cover a much bigger parallax container – that is ( similar to background-attachment: fixed ) a fundamental thing. ( The parallax container had to fill the whole screen height – and only a part of it is visible)
    on that background – there is no cropped image used – as you can see in the dom – but compare both dimensions:
    (click to enlarge)

    ______


    @nikko     : is it a new filter : pre_option_image_default_size – i can not find it in enfold 4.9.2.1
    is it a wordpress filter?

    March 29, 2022 at 12:37 pm #1346424
    Rikard

    Hi @guenni007,

    I think this is the hook: https://developer.wordpress.org/reference/hooks/pre_option_option/

    Best regards,
    Rikard

    March 29, 2022 at 4:12 pm #1346450
    Nikko

    Hi @guenni007,

    It’s a wordpress filter however I have to correct the code for setting the default image size:
    update_option( 'image_default_size', 'full' );

    Cheers!
    Nikko

    March 29, 2022 at 10:03 pm #1346482
    gb

    Thanks for all the input everyone, very helpful indeed!

    All the best!

    GB

    March 30, 2022 at 3:53 am #1346492
    Nikko

    Hi GB,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Image looking pixelated..’ is closed to new replies.