Difference between revisions of "Image Encoding"

From The Official Visionaire Studio: Adventure Game Engine Wiki
m
Line 36: Line 36:
 
5. Set '''filename''' as '''{Filename}''' & '''case''' to '''no change'''. <br/>
 
5. Set '''filename''' as '''{Filename}''' & '''case''' to '''no change'''. <br/>
 
6. Set '''format''' to '''WEBP - WebP''' then click '''settings''' button... <br/>
 
6. Set '''format''' to '''WEBP - WebP''' then click '''settings''' button... <br/>
7. Click '''quality''' & set to '''100''' (best). <br/>
+
7. Click on'''lossless''' radio button. <br/>
8. Leave rest of settings as they are & click '''ok'''. <br/>
+
8. Set '''Compression method''' to '''6'''. <br/>
9. Now press the '''convert''' button, sit back & relax for a second. <br/>
+
9. Leave rest of settings as they are & click '''ok'''. <br/>
10. Rinse & repeat with any other files you need to convert.
+
10. Now press the '''convert''' button, sit back & relax for a second. <br/>
 +
11. Rinse & repeat with any other files you need to convert.
  
 
{| class="ts"
 
{| class="ts"
 
|-
 
|-
 
| [[File:image_conversion_0.png|140px]] [[File:image_conversion_4.png|140px]] [[File:image_conversion_1.png|140px]] [[File:image_conversion_2.png|140px]] [[File:image_conversion_3.png|140px]] [[File:image_conversion_5.png|140px]]
 
| [[File:image_conversion_0.png|140px]] [[File:image_conversion_4.png|140px]] [[File:image_conversion_1.png|140px]] [[File:image_conversion_2.png|140px]] [[File:image_conversion_3.png|140px]] [[File:image_conversion_5.png|140px]]
|}
+
|}{{toc}}
{{toc}}
 

Revision as of 01:58, 18 December 2016

We recommend using .png image format with Visionaire Studio. We also recommend the .webP image format because it can be lossless/hq at a fraction of the original size (.png), without being able to tell the difference in quality between the 2 file formats.

The only downside to the .webP format is that you will have to keep your original image files handy as they are not supported by the large majority of image editing applications. Also the only way to preview them outside of Visionaire Studio is by opening them in web browsers such as Chrome or in special applications.

Quick note: depending on the settings used for your .png file in your image/3d application, your png image files might not display correctly in Visionaire Studio. For instance in Adobe Photoshop, the recommended settings are: color mode: rgb color > 8 bit & background contents: transparent.
PNG WEBP
  • Supports transparency using alpha channels/masks.
  • Lossless image format.
  • Decent compression.
  • Can be edited in most image editing applications such as photoshop.
  • Supports transparency using alpha channels/masks.
  • Multiple image export formats options. (lossy/lossless)
  • Great compression (compared to png) for lossy/hq options. (from 10-80% difference)
  • Great for reducing required hard-drive space requirements for game/project.
  • Great for optimizing loading time of images/animations.
  • Not supported by majority of image editing applications.

Tools

We recommend using XnConvert by XnView, which is a really awesome freeware batch image processor/converter, that comes with loads of macro actions & support for lots of different image formats including webP. Export/Conversion is fairly quick, whether you drag in an entire folder, multiple files or a single file.

Converting Images to webP

1. Open up XnConvert.
2. Drag in a folder, multiple files or a single file into the input tab.
3. Change to the output tab.
4. Set output to source folder.
5. Set filename as {Filename} & case to no change.
6. Set format to WEBP - WebP then click settings button...
7. Click onlossless radio button.
8. Set Compression method to 6.
9. Leave rest of settings as they are & click ok.
10. Now press the convert button, sit back & relax for a second.
11. Rinse & repeat with any other files you need to convert.

Image conversion 0.png Image conversion 4.png Image conversion 1.png Image conversion 2.png Image conversion 3.png Image conversion 5.png