Inserting images: Methods and Tips DescriptionFor the latest information, see http://docs.servicenow.com/?context=image-html-editor&version=latest. This article provides tips for inserting images into articles or forms. This ensures the same results are achieved in terms of image formatting and sizing across all devices, UI types, HTML form fields, and browser versions. Inserting images Avoid copy/pasting images Depending on your browser's capabilities, device type, form view, and other factors, copy/pasting images into an article or form does not always work as expected. The recommended way to get an image into your forms is to insert the image or attach it to the record before embedding it in the content. Use the attachment function to insert images To insert an image into a Knowledge Base article as an attachment: In the KB article form, click the space where the image should appear.On the toolbar, click the Insert/edit image iconIn Type, select Attachment.In Image, click on the drop-down list.Navigate to the desired image and select the image.Click Open.Click Save. The image is attached. Insert an image in an Incident, Change, or Problem form as an attachment Click the Manage Attachments paper clip in the top-right corner of the form.Click the Choose Files button to bring up your files.Select the desired image or screenshot file, and click Open.Click Close to close the dialog box. 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 thumbnail300×200 pixel medium600×600 pixel large960px maximum width for the Advanced/Legacy view840px 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. Attach the original source file when possible. This method provides the following advantages: Improves the quality of the imageEnsures that the image renders correctly across multiple browsersReduces the number of missing images from copy/pasting or broken or invalid links Resize larger images files to optimal web size When possible, resize larger images to an optimal web size before uploading them to a form. Most graphic applications enable you to edit the size/quality of an image. Check the following sites for more detailed instructions for the mentioned applications Resize, rotate, or flip an image in Preview on MacHow to resize an image on a Windows 10In Photoshop, for example, you can use an option called Save for Web and Devices. Note: As always, there is more than one way to resize an image and your mileage may vary. There are many software products on the market that can make this easier. When resizing after upload, use the image editor instead of the page's HTML. Although this method displays the image smaller, the page still downloads the file at its original size. To adjust the image settings: Inside the KB article, select the image.Click the image icon to open the image editor.Enter the desired height and width in pixels: Click Save.Avoid resizing images larger once uploaded as this may distort the quality, aspect ratio, and resolution of the images. Use appropriate naming conventions Use naming conventions that are logical and easy to remember. Include relevant keywords that are easy to search.Use only letters, numbers, hyphens, and underscores in file names. Other characters (like question marks and ampersands) may upload incorrectly or cause unexpected behavior.Additional InformationUpload one or more images [docs]Insert an image into your article, incident, or other form record [community blog]