Image sizes in X

Support
#1

Hey there,

I’m working on designing two sites to 5k ( resolution of )and 4k (resolution of 3,840 px x 2,160 px) standards, and want to ensure that the image sizes serve properly on all devices from iPhones to 1920x1080 desktop displays and displays with resolutions up to 4k and 5k, while also insuring that small images are served to small screen devices lower than ~ 480 px.

I’m looking for some help and guidance, and wondering if you have any experience using x with that high of resolution monitions without experiencing pixelation.

I am aiming to build a visually stunning site utilizing high end photography assets that will really show off the capabilities of X. :smiley: :facepunch:. You guys have built an awesome theme and this is going to be a fun project that I want to utilizing the X capabilities of X to the max for responsive design so I thought that I would reach out.

Both are also going to be a large sites, with lots of information to convey and a varierty of image sizes from full page sliders to parallax full page background images to small close up shots showing textures.

I want to optimize a fairly large number of images and wanted to clarify how that would best be handled for high resolution image sizes.

What are the default image sizes as created by X for small, medium, large, xl, etc images and / or, what are all of the default image sizes created by X? I believe Wordpress dynamically creates more image sizes automatically, and I wanted to see how many X creates vs how many are done automatically off of a size such as Large or Full Size.

The site I am currently working on is attached below with login info. The second site referenced is just being begun with X Pro but no content has been created yet.

Thanks for the help and looking forward to hearing your thoughts.

Marcus

Pro Theme - Image Sizes
#2

Hi,

  1. Here are the default image sizes of xtheme
Array
(
    [post-thumbnail] => Array
        (
            [width] => 100
            [height] => 9999
            [crop] => 
        )

    [entry] => Array
        (
            [width] => 862
            [height] => 9999
            [crop] => 
        )

    [entry-cropped] => Array
        (
            [width] => 862
            [height] => 482
            [crop] => 1
        )

    [entry-fullwidth] => Array
        (
            [width] => 1200
            [height] => 9999
            [crop] => 
        )

    [entry-cropped-fullwidth] => Array
        (
            [width] => 1200
            [height] => 671
            [crop] => 1
        )

)
  1. You can use this third party plugin to optimize your image.
  1. If you would like to add a new size

https://developer.wordpress.org/reference/functions/add_image_size/

  1. You might want to check these links too


Hope that helps.

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.