Images in your Zendesk Help Center might appear blurry or distorted due to CSS resizing or browser zoom settings.
When images are added to the Help Center, they may be resized by CSS to fit within the article's width, typically around 700px. If your image is much larger, like 2000px, it can become distorted. To fix this, adjust the CSS to allow for larger images or save your image closer to the display size, such as 700px wide. Additionally, ensure your browser zoom is set to 100% to avoid further distortion.
For more details, check out theoriginal Zendesk article.
CSS can cause images in Zendesk Help Center to appear blurry by resizing them to fit within the article's layout. Typically, article bodies in the Help Center are about 700px wide. If you upload an image that's significantly larger, like 2000px,…
If your browser zoom is set above 100%, it can distort images in Zendesk Help Center. When you zoom in on a browser, the setting may persist across different websites, affecting how images are displayed. To fix this, simply reset your browser zoom…
To adjust CSS in Zendesk Help Center, navigate to Guide admin > Customize design > Customize > Edit code. This allows you to modify the CSS to better fit your images within the Help Center's layout. By adjusting the CSS, you can prevent images from…
Compressing images to 8-bit color can help with faster downloads and maintain clarity in Zendesk Help Center. While resizing images can lead to distortion, compressing them to 8-bit color without changing dimensions can improve load times. You can…