Graphics Upload & Guidelines in MSB

Transcription

1 Form or Screen: Manage Graphics Updated: 2/27/18 QRG Doc. #: Q.SA.005 Business Use: Images are used in MSB to help promote a product or provide an actual image of a product offering. Graphics Guidelines: All uploaded images must comply with district guidelines in use of graphics and brand standards. Legal and Respectful Image must be free of copyright infringement. No exploitive, obscene or pornographic images. Quality Visual image is sharp and of high quality to allow for ease in user viewing. Size & Type Image should be no smaller than 200 X 200 or larger than 600 X 600. Allowable types are JPG, GIF, PNG See Formatting Image in this document for instructions on review and editing of images. Naming Convention School Short Name Image Name 1. Expand the Stores category and click the Manage Stores link within the Dashboard section of MSB. 2. In the Manage Stores screen, click on the school store name. 3. In the Store screen, click the Manage Graphics link. Page 1 of 5

2 Edit Delete 4. All uploaded graphics for a specific store are displayed in the Manage Graphics screen. 5. A graphic can be edited or deleted by clicking the appropriate icons to the right. 6. Click either Add Graphic(s) button to add a new image. 7. One or more graphics can be added through the Add Graphics screen. Single Graphic Add Single Graphic Add Multiple Graphics 8. Click the Single Graphic tab. 9. Graphic Name: Enter standard naming convention of Four-Digit School Number _Image Name Note: The school number is the IC school number. If the number is 3 digits in IC, then it should be preceeded by a zero to make it a four-digit number. 10. File Name: Click the Browse button to locate the image file on your computer 11. Locate the image file on your computer. Select the file and click the Open button. NOTE: An error message will display if the file size of the image chosen is too large (greater than 2MB). See Formatting Image in this document for instructions on review and editing of images. Page 2 of 5

3 12. An image of the graphic that was uploaded is displayed and the name of the graphic is displayed in the File Name field. 13. Description: Enter any information that might be useful on how and when the graphic is to be used. The text in this field is not available within the school store for a parent to see. 14. Enable link to View Larger Image: Check this box when you want to provide the ability to a purchaser to view a larger version of the image when clicked on the school store. This may be useful if the image is of an actual product, such as spirit wear. 15. Click the Save button when all entries in Add Graphics screen are complete. 16. The Manage Graphics screen is displayed. Message is posted on successful addition for graphic. Multiple Graphics 17. Click the Multiple Graphics tab. 18. Graphics can be dragged and dropped from a computer desktop or folder to the Drop Area on the screen. Drag and drop is accomplished by selecting the file or image with a left click of the mouse, and while continuing to depress the left click, dragging the image to the drop area. This is usually done with two screen displays. 19. Click the Select Files button to search for files if not using the drag and drop option. Page 3 of 5

4 20. Locate the image file on your computer. Select the files and click the Open button. Note: Depress the control key while selecting each file. It is recommended that all image files be saved in the same folder for ease in selecting and uploading multiple image files. 21. Graphic Name: Type the new graphic name for each image using the standard naming convention of Four-Digit School Number_ Image Name. 22. Click the edit icon (wrench) to add a Description or click the box to Enable link to View Larger Image. 23. Click either Add Graphic(s) button when complete. Page 4 of 5

5 Formatting Image 24. Locate image on the computer. Hover over image to view image type and size. 25. Edit the image by selecting the image and right clicking the mouse. Select the Edit option. 26. Several options will be available in edit mode. Select Resize option. 27. Select Pixels resize option. 28. Change pixel dimension size to be less than 800. Please note that changing the largest (either horizontal or vertical) to resize, will automatically resize the other dimension. 29. Click the OK button. 30. Save the resized image under the same name or new name. Page 5 of 5