Preparing Images
Prepare image files for their intended storefront role before uploading them to CyberStore. Product image work is independent of SYSPRO: the administrator selects, edits, names, and uploads the files directly to the site.
Choose a suitable format and composition
Use .png or .jpg for most prepared images. A 24-bit PNG can provide a useful balance of clarity and compression, but the right choice depends on the source image and its use. Avoid excessive compression; do not compress an image beyond 50 percent.
Square images often fit product listings and detail layouts well, but composition should follow purpose. A wide banner should be prepared for a wide display, while a thumbnail and a zoomable detail image have different resolution needs.
There is no universal file size or dimension for every image. For zoomable item-detail images, use a source in the range of 800 to 1,000 pixels so the shopper can see detail beyond the normal displayed size.
Name featured and detail images correctly
Photo1 and Photo2 featured images use the stock code as the filename. For example, stock code A100 uses a filename such as A100.png. Matching the stock code allows files placed in the featured-photo directories to be associated automatically.
Item-detail image filenames do not follow that same individual naming requirement. Instead, place them in a folder whose name matches the stock code.
Handle special characters in stock codes
Some stock-code characters are not valid in Windows filenames. CyberStore recognizes replacement strings when matching a safe filename or folder name to the original stock code.
| Character | Replacement |
|---|---|
* | _AS- |
< | _LT- |
> | _GT- |
& | _AM- |
` | _LQ- |
' | _AP- |
+ | _PL- |
" | _DQ- |
| | _PB- |
/ | _FS- |
: | _CO- |
\ | _BS- |
# | _LB- |
^ | _CA- |
! | _EX- |
| Space | _ |
This table remains a reference because the mapping must be exact; it is not a substitute for the workflow explanation. Item Image Maintenance applies the corrected stock-code filename automatically when it saves an uploaded file.
Review the image in its actual storefront context after upload. A technically valid file can still be ineffective if its crop, scale, background, or level of detail does not suit the location where shoppers see it.