The CreatorCon Call for Content is officially open! Get started here.

Using images in articles

Jo_Dunne
Tera Contributor

Hi all 

 

I am writing some guidance for authors and wondered if there is any best practice guidance on use of images? what is the best size (and how to set this), what should the resolution be etc. 

 

Many thanks (in advance) 

Jo 

1 ACCEPTED SOLUTION

Dr Atul G- LNG
Tera Patron
Tera Patron

Hi @Jo_Dunne 

 

Optimize your web images

  • When uploading an image, use a smaller file size for the best results. This ensures compatibility across multiple platforms (responsive design) and enhances page performance. Depending on the content and style, suggested image sizes include:
    • 150×150 pixel thumbnail
    • 300×200 pixel medium
    • 600×600 pixel large
    • 960px maximum width for the Advanced/Legacy view
    • 840px maximum width for the Knowledge Portal
  • High-resolution images require a significantly higher number of pixels and bytes. The "standard" web resolution is 96 dpi (it used to be ~72 dpi, but in the last years higher pixel density screens have become the norm).
  • Check that your image format is in RGB color mode. Print mode (CMYK) does not render in most browsers.
  • Save images in .jpg, .gif, or .png format only. Files such as pdf, .psd, .tff, and .doc are not acceptable web image formats.

 

https://support.servicenow.com/kb?id=kb_article_view&sysparm_article=KB0696767

*************************************************************************************************************
If my response proves useful, please indicate its helpfulness by selecting " Accept as Solution" and " Helpful." This action benefits both the community and me.

Regards
Dr. Atul G. - Learn N Grow Together
ServiceNow Techno - Functional Trainer
LinkedIn: https://www.linkedin.com/in/dratulgrover
YouTube: https://www.youtube.com/@LearnNGrowTogetherwithAtulG
Topmate: https://topmate.io/atul_grover_lng [ Connect for 1-1 Session]

****************************************************************************************************************

View solution in original post

7 REPLIES 7

Dr Atul G- LNG
Tera Patron
Tera Patron

Hi @Jo_Dunne 

 

Optimize your web images

  • When uploading an image, use a smaller file size for the best results. This ensures compatibility across multiple platforms (responsive design) and enhances page performance. Depending on the content and style, suggested image sizes include:
    • 150×150 pixel thumbnail
    • 300×200 pixel medium
    • 600×600 pixel large
    • 960px maximum width for the Advanced/Legacy view
    • 840px maximum width for the Knowledge Portal
  • High-resolution images require a significantly higher number of pixels and bytes. The "standard" web resolution is 96 dpi (it used to be ~72 dpi, but in the last years higher pixel density screens have become the norm).
  • Check that your image format is in RGB color mode. Print mode (CMYK) does not render in most browsers.
  • Save images in .jpg, .gif, or .png format only. Files such as pdf, .psd, .tff, and .doc are not acceptable web image formats.

 

https://support.servicenow.com/kb?id=kb_article_view&sysparm_article=KB0696767

*************************************************************************************************************
If my response proves useful, please indicate its helpfulness by selecting " Accept as Solution" and " Helpful." This action benefits both the community and me.

Regards
Dr. Atul G. - Learn N Grow Together
ServiceNow Techno - Functional Trainer
LinkedIn: https://www.linkedin.com/in/dratulgrover
YouTube: https://www.youtube.com/@LearnNGrowTogetherwithAtulG
Topmate: https://topmate.io/atul_grover_lng [ Connect for 1-1 Session]

****************************************************************************************************************

That's so helpful, thanks for taking the time to reply 🙂 

 

BIG TIME thank you. It's the little stuff that makes all the difference. 👍

I know this response is old, but is it still true today?  We tried uploading Word documents with our old articles when moving to ServiceNow this summer. The images came out small and fuzzy (they were mostly 5"  in PHPKB). Also, would uploading them directly in the knowledgebase portal make a difference?