What are the Image Settings?


The Image Settings of your website determine the final size that images will be saved after being uploaded to your website by your members.  The default settings that come with your website are designed so that images will fit well in all of the areas on your website that they display, while being optimized for load speed and meeting minimum requirements for social media sharing.



IMPORTANT NOTE: Unless you are doing heavy customizations to the underlying code of your website's design, there is no need to touch these settings as they will already be optimized for use on your website.



Where do I Access the Image Settings?


Access the Image Settings by navigating to ADMIN >> DEVELOPERS >> IMAGE SETTINGS:



blob1476112746762.png




When you access this page, it should look something like this:



blob1476223302395.png



If it does not look like this, then your site is likely using an older version of the Image Settings.  To use the latest version of the Image Settings, please see this article here about the latest release of this feature: (Bootstrap) Image Settings - New Feature



General Image Settings Information


First, Some Definitions


Ratio


The "Ratio" refers to the Aspect Ratio of the image, which is how large the height of an image will be relative to the width of the image and vice-versa.  


For example, a 1:1 aspect ratio means it will be a square - for every 1 pixel of width, the image will have 1 pixel of height.  As another example, the Aspect Ratio of an HD television is 16:9 (a rectangle that is wider than it is tall), meaning the image on the television will have 16 pixels of width for every 9 pixels of height.  


An "Open" aspect ratio means there is no set aspect ratio at all, meaning the image can be any shape.


For more information about Aspect Ratios, please see the Wikipedia article on the topic.



Max Width


The width the final image in pixels.



Max Height


The height of the final image in pixels.



Social Media Sharing


When uploading an image, two copies of the image will be saved: one that is optimized for display on your website, and one that is optimized for social media sharing. Currently, Facebook and many other popular social media sites require images to be at least 200px x 200px to be shared on their platform.  One copy of the image will be saved to be at least this size, and another will be saved that is optimized for displaying on your website where a smaller size is required.



Specific Image Settings Information


For more information about the settings available on this page as they apply to different areas of your site, please see the following articles: