Used to match the model picture, fast loading speed, size requirement: width is 500px, according to the size, height and other proportions of each glasses picture.
The glasses model consists of 4 images: left frame, right frame, front frame, and lenses.
The lenses reflect ambient light to make the effect more realistic, so they need to be made separately.
The relationship between the four pictures is shown below:
1. Front frame: The front frame must fill the entire frame horizontally, leaving no blank space on either side. The vertical position should be based on two pairs of eyes. The background should be transparent and the format should be PNG.
2. Lenses: The lenses need to match the frame, have a transparent background, and be in PNG format.
There are two types of lenses: sun lenses and optical lenses. Because optical lenses also reflect ambient light, they need to be made. The color and transparency of the optical lenses can be referred to in the figure below, and the shape should be matched with the frame.
3. Left temple: The left temple must match the frame and be aligned with the right side, with a transparent background. The format is PNG.
4. Right temple: The right temple must match the frame, aligned to the left, transparent background, PNG format.
Image naming conventions
Each SKU has 5 pictures. To facilitate management and maintenance, the picture names need to be standardized (recommended).
| Name | Naming convention | Size requirements |
|---|---|---|
| 2D version | SKU.png, for example: SKU=904201, the image is named 904201.png | Width 500px, height proportional |
| Frames | SKU_Body.png, for example: SKU=904201, the image is named 904201_Body.png | Width 500px, Height 500px |
| Lens | SKU_Lens.png, for example: SKU=904201, the image is named 904201_Lens.png | Width 500px, Height 500px |
| Left temple | SKU_Leg_L.png, for example: SKU=904201, the image is named 904201_Leg_L.png | Width 500px, Height 500px |
| Right temple | SKU_Leg_R.png, for example: SKU=904201, the image is named 904201_Leg_R.png | Width 500px, Height 500px |