Quick reference

Use the following quick reference tables to create images, screenshots, and diagrams. For detailed guidance and best practices, refer to the specific guidance for your image type:

• Demonstrative images
• Screenshots
• Diragrams
• Animated GIFs

Images and screenshots quick reference

Use the information in the following table as a quick reference for taking and publishing screenshots.

Item	Description
File type	Depends on the type of image or screenshot. PNG: For screenshots that include mostly UI elements (sharp lines, large monotone areas) JPG: For screenshots that include the Scene or Game view with realistic rendering
Image size (pixels)	Depends on the content area of the platform or site. Core platform: Maximum image size is 849 x 900 pixels in landscape orientation. Images larger than the maximum are automatically resized during the build process. Packages: No restriction on pixel width or height, but larger images are downscaled to fit within the content area of the package docs site. For UI screenshots, start using 100% display size and then adjust as necessary based on platform content area. For more details, refer to Screenshot size and resolution.
File size (MB)	As small as possible without compromising on image quality. For packages, images must be less than 1MB in size.
Cropping	Crop the image so that it contains only the window or element you want to draw attention to.
Edges	Use only straight edges. Don't use fade-outs or jagged edges.
Annotations	Use consistent callout boxes and labels to annotate images and screenshots. Refer to Annotations for specific guidelines.
File naming	Use meaningful, unique names and format them in kebab-case, as follows: Feature-name-specific-thing-name.png
Unity Editor theme	Dark

Diagrams quick reference

Use the information in the following table as a quick reference for creating and publishing diagrams.

Item	Description
File type	SVG
File size (MB)	As small as possible. For packages, images must be less than 1MB in size.
Font	Inter
Font size	Use a consistent font size throughout the diagram. Use a font size that is large enough to be easily read but not so large that it makes the diagram look cluttered.
Font color	Black or white.
Line width	Use consistent line widths throughout the diagram. Avoid using extremely thin or thick lines.
Line color	Black and white. For highlight and accent colors, refer to the Color page of the Unity Brand Studio’s design portal.