Viewing 20 posts - 31 through 50 (of 50 total)
1 2
  • Author
    Posts
  • August 25, 2018 at 1:42 pm #1001638
    zizibe1
    This reply has been marked as private.
    August 28, 2018 at 8:18 am #1002585
    Vinay

    Hey!

    In comparison with photoshop, you can expect up to 5% blur when uploaded to a WordPress site. It also depends on the image settings and format while exporting from Photoshop.

    You can try the following:

    For testing purpose compress an image online using https://tinypng.com download and upload it.

    If this don’t work for you go to WordPess Dashboard > Appearance > Themes and deactivate Enfold. Activate a default WP theme and upload a fresh image and check if the blur issue still persists.

    Best regards,
    Vinay

    August 28, 2018 at 9:20 pm #1002826
    zizibe1

    Hi Vinay,

    Thank you for your reply.

    Unfortunately, the quality of the image was worse when I compressed it by using tinypng.com than when I exported it from Photoshop.

    For testing, I activated the WordPress theme “Twenty Seventeen”.

    Then I went to:

    Pages > Add New > Enter title here: Image_Test > Publish
    Appearance > Menus > Edit Menus > check: Image_Test > Add to Menu > Save Menu
    Appearance > Menus > Menu Settings > check: Top Menu > Save Menu
    Pages > Image_Test > Add Media > Upload Files > Selec Files (I chose a file from my desktop) > Alignment: None > Link To: None > Size: Full Size > Insert into page > Update

    Now, when I go to the page “Image_Test”, the image is displayed smaller than the original size, so I can’t check if the blur issue still persists. What can I do to make the site display the image at its original size?

    Best regards,
    zizibe1

    September 1, 2018 at 11:29 pm #1004489
    Vinay

    Hi,

    Sorry for the late reply. Thank you for trying to test this on the default theme. The twenty seventeen is a two column theme so the content area where the image is added is small. I have added additional CSS in the page and Appearance > Customizer > Additional CSS to make the page 100vw. Also from the text view, I removed the default theme class and width info so the image will display in its original size. Please review the site and let us know.

    Best regards,
    Vinay

    September 2, 2018 at 5:51 pm #1004678
    zizibe1

    Hi Vinay,

    Thank you for your reply.

    Now the image is sharp :)

    I deactivated the theme “Twenty Seventeen” and activated the Enfold Child Theme. Now, the image on the page “Image_Test” still is sharp, but on the page “PORTFOLIO”, the same image still is blurry. What can I do to make it sharp too?

    Best regards,
    zizibe1

    September 3, 2018 at 5:41 am #1004767
    Vinay

    Hi,

    Please try deleting the original image from WP > Media > Library and upload the image that looks sharp on the other page. Hopefully that should work!

    Best regards,
    Vinay

    September 5, 2018 at 5:17 pm #1006221
    zizibe1

    Hi Vinay,

    Thank you for your reply.

    I deleted the original image from WP > Media > Library and uploaded the image on the page “PORTFOLIO”. Unfortunately, it still looks blurry.

    Moreover, I tried this: I deleted the original image from WP > Media > Library and removed the gallery element. Then I logged out from WP and cleared the browsing data of Chrome. Afterwards, I logged in to WP, added a new gallery element to the page “PORTFOLIO” and uploaded the image. But the image still looks blurry.

    However, the same image on the page “Image_Test” still looks sharp.

    What can I do to make the image look sharp on the page “PORTFOLIO”?

    Best regards,
    zizibe1

    September 10, 2018 at 3:13 am #1007742
    Ismael

    Hi,

    The image that was in the test page is a smaller version of the original image. We selected the full or actual size and it looks much sharper. (see private field)

    Best regards,
    Ismael

    September 17, 2018 at 12:10 am #1010532
    zizibe1
    This reply has been marked as private.
    September 17, 2018 at 8:15 am #1010611
    Ismael

    Hi,

    Please try this css code on the Quick CSS field.

    #top div .avia-gallery .avia-gallery-big-no-crop-thumb img {
    width: 100%;
    -webkit-logical-height: min-content;
    height: fit-content;
}

    Best regards,
    Ismael

    September 19, 2018 at 7:20 pm #1011990
    zizibe1

    Hi Ismael,

    Thank you for your reply.

    I added the code to the top of the Quick CSS field, but unfortunately, I can’t see any difference. The image still is blurry.

    Best regards,
    zizibe1

    September 21, 2018 at 3:34 am #1012592
    Ismael

    Hi,

    It’s actually much sharper with the css modification. Please check the screenshot.

    // deleted

    As you can see the text in the image is much clearer when the css is active. I don’t think you can get the image more sharper than that.

    Please try to hire a freelance developer to optimize the images even further if necessary.

    Best regards,
    Ismael

    September 24, 2018 at 6:53 pm #1013752
    zizibe1
    This reply has been marked as private.
    September 25, 2018 at 7:13 am #1014022
    Ismael

    Hi,

    I’m not really sure if we can help you more with that. Please try to contact a freelance developer to investigate the issue further. You can try our partner, Codeable.

    // https://kriesi.at/contact/customization

    Best regards,
    Ismael

    September 25, 2018 at 5:54 pm #1014337
    zizibe1
    This reply has been marked as private.
    September 26, 2018 at 11:08 am #1014662
    Ismael

    Hi,

    Great! Glad that you found a solution. Please feel free to open a new thread if you need anything else. :)

    P.S: I’ve already removed the screenshot.

    Best regards,
    Ismael

    September 26, 2018 at 4:03 pm #1014819
    zizibe1
    This reply has been marked as private.
    September 27, 2018 at 5:36 am #1015111
    Ismael

    Hi,

    My bad. I can’t delete it manually but I have sent a request to imgur.

    // https://imgur.com/removalrequest

    Please send another removal request.

    Best regards,
    Ismael

    September 27, 2018 at 4:29 pm #1015363
    zizibe1
    This reply has been marked as private.
    October 2, 2018 at 5:05 am #1016853
    Ismael

    Hi,

    Great! Sorry if we couldn’t help this time. Please feel free to open a new thread if you need anything else. We’ll close this thread now.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 20 posts - 31 through 50 (of 50 total)
1 2
  • The topic ‘Remove thumbnail overlay, disable changing of big image, remove first thumbnail’ is closed to new replies.