Home / Resources / JumboPress Base Theme / Base Theme Manual / Edit an Image
Note: If needed, you can revert to the original image by clicking on ‘Edit Image’ and then on the button ‘Restore Image’ in the right sidebar of option ‘Restore Original Image’.
Note: This video is from a third-party services and may not completely reflect the type of content and/or functionality of Tufts University’s JumboPress.
JumboPress provides very basic image editing tools. If you need more options, we suggest using Photoshop or a similar tool to edit or enhance your images.
To make your image smaller, enter a new horizontal or vertical image dimension (in pixels). JumboPress will maintain a 1:1 aspect ratio to prevent the user from accidentally distorting the image. JumboPress does not permit increasing the size of the image to protect against image degradation. For best results, scaling should be done before you crop, flip, or rotate.
To crop the image, click on it and drag to make your selection. You can preserve the aspect ratio by holding down the shift key while resizing your selection. Use the input boxes, on the right sidebar, to refine your selection further by specifying either the aspect ratio, or entering the size in pixels. Once your selection appears as you like, click the crop button.
When cropping an image, you can apply changes to ‘All Image Sizes’, ‘Thumbnail’, and ‘All sizes except thumbnail’. This allows you to control how the square thumbnail image is cropped since it is a different aspect ratio than the rest of the images sizes.
After an image has been resized or cropped, a new option will appear to the right side of the screen allowing users to revert to the original version of the image.
Below are the image widths and their corresponding sizes that would best suit each column width percentage at the largest screen size when using Page Builder. JumboPress requires images that are in a 3:2 aspect ratio rotated horizontally.
Number of Columns | Percentage | Image Size | Image Dimensions |
---|---|---|---|
1 | 100% | Full Width | 1170px Width x 781px Height |
2 | 75% | Large | 850px Width x 567px Height |
2 | 67% | Large | 850px Width x 567px Height |
2 | 50% | Medium | 570px Width x 380px Height |
3 or 2 | 33% | Small | 320px Width x 240px Height |
4 or 2 | 25% | Small | 320px Width x 240px Height |
Add alt text behind images to help both accessibility for low-vision readers as well as search engine optimization.