Image Encoding - Revision history

AFRLme at 13:01, 27 April 2026

2026-04-27T13:01:40Z

← Older revision		Revision as of 14:01, 27 April 2026
Line 58:		Line 58:
	<span class="red">'''IMPORTANT:''' XnConvert is free for private and educational use only. The purchase of a license is required for commercial use.</span>		<span class="red">'''IMPORTANT:''' XnConvert is free for private and educational use only. The purchase of a license is required for commercial use.</span>

	<span class="red">'''QUICK NOTE:''' Anything less than 95 when using the quality option and you will probably start to see a reduction in image quality compared to the original PNG. I would recommend experimenting a wee bit to see what works best for you in terms of file size reduction vs image quality.</span>		<span class="red">'''QUICK NOTE:''' Anything less than 95 when using the quality option and you will probably start to see a reduction in image quality compared to the original PNG; however the lower the quality the more significant the compression is. I would highly recommend experimenting a wee bit to see what works best for you in terms of file size reduction vs image quality.</span>

	{\| class="ts"		{\| class="ts"

AFRLme at 12:58, 27 April 2026

2026-04-27T12:58:34Z

← Older revision		Revision as of 13:58, 27 April 2026
Line 47:		Line 47:
	# Set '''filename''' as '''{Filename}''' and '''case''' to '''no change'''.		# Set '''filename''' as '''{Filename}''' and '''case''' to '''no change'''.
	# Set '''format''' to '''WEBP - WebP''' then click '''settings''' button...		# Set '''format''' to '''WEBP - WebP''' then click '''settings''' button...
	# Click on '''lossless''' radio button.		# Click on '''lossless''' radio button or alternatively click on '''quality''' & use a value between 95-100.
	# Set '''Compression method''' to '''6'''.		# Set '''Compression method''' to '''6'''.
	# Leave rest of settings as they are and click '''ok'''.		# Leave rest of settings as they are and click '''ok'''.
Line 58:		Line 58:
	<span class="red">'''IMPORTANT:''' XnConvert is free for private and educational use only. The purchase of a license is required for commercial use.</span>		<span class="red">'''IMPORTANT:''' XnConvert is free for private and educational use only. The purchase of a license is required for commercial use.</span>

			<span class="red">'''QUICK NOTE:''' Anything less than 95 when using the quality option and you will probably start to see a reduction in image quality compared to the original PNG. I would recommend experimenting a wee bit to see what works best for you in terms of file size reduction vs image quality.</span>

	{\| class="ts"		{\| class="ts"

EK at 13:49, 27 January 2024

2024-01-27T13:49:49Z

← Older revision		Revision as of 14:49, 27 January 2024
Line 39:		Line 39:
	=== XnConvert ===		=== XnConvert ===

	The [http://www.xnview.com/en/xnconvert/ XnConvert] application by XnView is a ~~freeware~~ batch image processor/converter, that comes with loads of macro actions and 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.		The [http://www.xnview.com/en/xnconvert/ XnConvert] application by XnView is a batch image processor/converter, that comes with loads of macro actions and 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.

	# Open up XnConvert.		# Open up XnConvert.

EK at 13:42, 27 January 2024

2024-01-27T13:42:40Z

← Older revision		Revision as of 14:42, 27 January 2024
Line 1:		Line 1:
	~~We recommend using the~~ '''~~.png~~''' ~~image format with Visionaire Studio,~~ or ~~the~~ '''~~.webp~~''' ~~image~~ format. For the best optimization, we recommend using ~~.webp~~ due to the better compression & overall smaller file-sizes, which range from about 10-75% reduction depending on the export settings used.		Visionaire requires images in '''PNG''' or '''WebP''' file format. For the best optimization, we recommend using WebP due to the better compression and overall smaller file-sizes, which range from about 10-75% reduction depending on the export settings used.

	~~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~~.		Please note that some image editing applications still lack support for the WebP format, so you might have to use a converter tool and keep your original image files handy. You may always preview WebP images by opening them in your web browser.

	{\| class="ts"		<span class="red">'''QUICK NOTE:''' Depending on the export settings used for your PNG files, your images might not display correctly in Visionaire Studio. For instance in Adobe Photoshop, the recommended settings are: "Color mode: RGB color > 8 bit" and "Background contents: transparent".</span>
	\|-
	\| ''~~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~~'''~~.''
	\|}		== File format comparison ==

	{\| class="ts"		{\| class="ts"
	\|-		\|-
	! PNG !! ~~WEBP~~		! PNG !! WebP
	\|-		\|-
	\|		\|
	* Supports transparency using alpha channels/masks.		* Supports transparency using alpha channels/masks
	* Lossless image format.		* Lossless image format
	* Decent compression.		* Decent compression
	* Can be edited in ~~most~~ image editing ~~applications such as photoshop.~~		* Can be edited in almost every image editing application
	\|		\|
	* Supports transparency using alpha channels/masks.		* Supports transparency using alpha channels/masks
	* Multiple image export formats options. (lossy/lossless)		* Multiple image export formats options (lossy/lossless)
	* Great compression (compared to ~~png~~) for lossy/lossless options. (~~from~~ 10-80% difference)		* Great compression (compared to PNG) for lossy/lossless options (10-75% difference)
	* Great for reducing ~~required~~ hard-drive space requirements for game/project.		* Great for reducing hard-drive space requirements for game/project
	* Great for optimizing loading time of images/animations.		* Great for optimizing loading time of images/animations
	* ~~<span class="red">~~Not supported by ~~majority of~~ image editing applications~~.</span>~~		* Not supported by all image editing applications
	\|}		\|}

	~~== Tools ==~~
	We recommend using [http://www.xnview.com/en/xnconvert/ XnConvert] by [http://www.xnview.com/en/ 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~~ ==		== Converting images to WebP ==
	1. ~~Open up XnConvert~~. <br/>
	2. Drag in a folder, multiple files or a single file into the '''input''' tab. ~~<br/>~~		=== JPG-PNG2WEBP ===
	3. Change to the '''output''' tab. ~~<br/>~~
	4. Set '''output''' to '''source folder'''. ~~<br/>~~		This free batch tool by [https://www.dionous.com/ Dionous Games] was developed specifically for use with Visionaire Studio. It is able to convert your project’s JPG or PNG art to lossless WebP and also edits your .ved file, replacing the old file extensions with ".webp" (note that the replacement does not work with compressed .veb project files). The batch file makes use of the WebP library provided by Google.
	5. Set '''filename''' as '''{Filename}''' & '''case''' to '''no change'''. ~~<br/>~~
	6. Set '''format''' to '''WEBP - WebP''' then click '''settings''' button... ~~<br/>~~		* [https://www.dionous.com/visionaire-guide/#optimizations Download JPG-PNG2WEBP] <small>(from Dionous Games)</small>
	7. Click on '''lossless''' radio button. ~~<br/>~~		* [https://developers.google.com/speed/webp/download Download cwebp.exe] <small>(from Google)</small>
	8. Set '''Compression method''' to '''6'''. ~~<br/>~~
	9. Leave rest of settings as they are & click '''ok'''. ~~<br/>~~
	~~10.~~ Now press the '''convert''' button, sit back & relax for a second. ~~<br/>~~		=== XnConvert ===
	~~11.~~ Rinse & repeat with any other files you need to convert.
	~~{\| class="ts"~~		The [http://www.xnview.com/en/xnconvert/ XnConvert] application by XnView is a freeware batch image processor/converter, that comes with loads of macro actions and 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.
	\|-
	~~\| ''Quick note:~~ XnConvert remembers your last used settings each time you open it up, so you only need to do steps 3 to 9 the first time you use the program.''		# Open up XnConvert.
	\|}		# Drag in a folder, multiple files or a single file into the '''input''' tab.
			# Change to the '''output''' tab.
			# Set '''output''' to '''source folder'''.
			# Set '''filename''' as '''{Filename}''' and '''case''' to '''no change'''.
			# Set '''format''' to '''WEBP - WebP''' then click '''settings''' button...
			# Click on '''lossless''' radio button.
			# Set '''Compression method''' to '''6'''.
			# Leave rest of settings as they are and click '''ok'''.
			# Now press the '''convert''' button, sit back and relax for a second.
			# Rinse and repeat with any other files you need to convert.


			XnConvert remembers your last used settings each time you open it up, so you only need to do steps 3 to 9 the first time you use the program.

			<span class="red">'''IMPORTANT:''' XnConvert is free for private and educational use only. The purchase of a license is required for commercial use.</span>


	{\| 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}}

AFRLme at 14:46, 20 July 2023

2023-07-20T14:46:08Z

← Older revision		Revision as of 15:46, 20 July 2023
Line 1:		Line 1:
	We recommend using the '''.png''' image format with Visionaire Studio, or the '''.webp''' image format. For the best optimization, we recommend using .webp due to the better compression & overall smaller file-sizes, which range from about 10-75% reduction depending on the export settings ~~you use~~.		We recommend using the '''.png''' image format with Visionaire Studio, or the '''.webp''' image format. For the best optimization, we recommend using .webp due to the better compression & overall smaller file-sizes, which range from about 10-75% reduction depending on the export settings used.

	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.		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.

AFRLme at 14:45, 20 July 2023

2023-07-20T14:45:44Z

← Older revision		Revision as of 15:45, 20 July 2023
Line 1:		Line 1:
	We recommend using the '''.png''' image format with Visionaire Studio, or 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 ~~two file formats~~.		We recommend using the '''.png''' image format with Visionaire Studio, or the '''.webp''' image format. For the best optimization, we recommend using .webp due to the better compression & overall smaller file-sizes, which range from about 10-75% reduction depending on the export settings you use.

	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.		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.

AFRLme at 14:40, 20 July 2023

2023-07-20T14:40:27Z

← Older revision		Revision as of 15:40, 20 July 2023
Line 1:		Line 1:
	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.		We recommend using the '''.png''' image format with Visionaire Studio, or 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 two 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.		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.
Line 5:		Line 5:
	{\| class="ts"		{\| class="ts"
	\|-		\|-
	\| ''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'''.''		\| ''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'''.''
	\|}		\|}

AFRLme at 15:56, 4 May 2017

2017-05-04T15:56:57Z

← Older revision		Revision as of 16:56, 4 May 2017
Line 20:		Line 20:
	* Supports transparency using alpha channels/masks.		* Supports transparency using alpha channels/masks.
	* Multiple image export formats options. (lossy/lossless)		* Multiple image export formats options. (lossy/lossless)
	* Great compression (compared to png) for lossy/hq options. (from 10-80% difference)		* Great compression (compared to png) for lossy/lossless options. (from 10-80% difference)
	* Great for reducing required hard-drive space requirements for game/project.		* Great for reducing required hard-drive space requirements for game/project.
	* Great for optimizing loading time of images/animations.		* Great for optimizing loading time of images/animations.

AFRLme at 01:01, 18 December 2016

2016-12-18T01:01:49Z

← Older revision		Revision as of 02:01, 18 December 2016
Line 41:		Line 41:
	10. Now press the '''convert''' button, sit back & relax for a second. <br/>		10. Now press the '''convert''' button, sit back & relax for a second. <br/>
	11. Rinse & repeat with any other files you need to convert.		11. Rinse & repeat with any other files you need to convert.
			{\| class="ts"
			\|-
			\| ''Quick note: XnConvert remembers your last used settings each time you open it up, so you only need to do steps 3 to 9 the first time you use the program.''
			\|}
	{\| 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}}

AFRLme at 00:59, 18 December 2016

2016-12-18T00:59:14Z

← Older revision		Revision as of 01:59, 18 December 2016
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 on'''lossless''' radio button. <br/>		7. Click on '''lossless''' radio button. <br/>
	8. Set '''Compression method''' to '''6'''. <br/>		8. Set '''Compression method''' to '''6'''. <br/>
	9. Leave rest of settings as they are & click '''ok'''. <br/>		9. Leave rest of settings as they are & click '''ok'''. <br/>