Uploaded Textures All Pixelated

  • Any texture/pattern that I upload to WordPress becomes pixelated.
    No matter the resolution or file type.
    I’ve tested this on multiple sites with different themes and on different web hosts.

    For example, any image from SubtlePatterns.com after being uploaded loses all detail, looks pixelated, and noisy.

    I have been dealing with this issue for a long time and it’s really stopping any progress without being able to use textures.

    The image appears full resolution on my computer, but then looks terrible after being uploaded.

    Any ideas on how I can fix this problem and upload fully detailed textures?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    Sorry for the slow reply. How are you using these images? If they are used in a way that causes the browser to scale them, they will never look good no matter how good the source file is.

    If you use the images as intended — a tiled background of a page, don’t use the media uploader. FTP the images somewhere safe like wp-content/uploads/. Setup the related CSS to reference the image where it was placed via FTP.

    Thread Starter NickOhler

    (@nickohler)

    Thank you for the reply.

    After a lot of digging I discovered the issue I’m having is to related scaling for retina displays specifically.

    • This reply was modified 6 years, 11 months ago by NickOhler.
    Moderator bcworkz

    (@bcworkz)

    Ah, that would be a problem. Those image tiles are likely inappropriate for retina displays. You obviously don’t want to upscale, but the pattern is probably too fine to not scale. You really need a different source image for retina. If that’s not possible, downscaling the retina version is preferable to upscaling the “standard” resolution image.

    img tags support srcset and sizes attributes, allowing the browser to select the best image given its specific need. Unfortunately, there is no equivalent for background properties.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Uploaded Textures All Pixelated’ is closed to new replies.