VladimirS wrote:1. The image quality is worse (not so sharp) when viewed in imagevue than in original. Is this because of resizer? Is it possible to show the image in exactly the same size like original (e.g. 580x777px) without quality losses? The picture can be made smaller for mobile devices , but not larger than original.
I am not sure when or how you saw X3 display an image (580 x 777 px) with any quality loss. X3 does not change the original image you upload, unless you resize-on-upload, which would not happen in the case of 580 x 777.
But if you are uploading LARGE images (usually originals 4000px +) AND using the X3 RESIZER (X3 upload), then yes there is a browser-based resizer involved that resizes images down to specified target (normally set to 1600px long side). I am aware that the resize quality is not flawless, but then again, what resize is? You are after all downsizing images and re-compressing to JPG at a smaller web-friendly size. The X3 resizer will only resize images that are OVER 1600px long-side, and only if you have the upload-resizer enabled.
Solution? If you don't like the quality of the built-in resizer, then you can resize your images to web-friendly format BEFORE uploading, and then disable the resizer on upload. I usually do this myself for optimal control, simply resizing on desktop and then using
imageoptim app for best size/quality compression using best compressor codecs. I wrote a blog post about this:
Optimizing Images for Photo Websites
Of course, you need to resize your images to a "web-friendly" size , and this will incur compression on your images.
- No visitor has any interest in waiting for your 4MB 4000+ megapixel images to load into their browser.
- A standard low-end desktop screen 1280 px doesn't even have capabilities to show better quality than 1280 px wide image. Loading larger images than a screen supports is simply a waste of time and bandwidth, and creates a bad user experience.
- If you upload images at 4000 px, likely your hosting will be incapable of resizing them smaller sizes because of memory limit.
Apart from the above, X3 also has it's own server (PHP) resizer, that will resize images down to smaller versions, mostly used in various grid layouts (often referred to as "thumbnails"). This is also a necessary part of serving your images of course, but X3 will only serve resized images if the specific size of the request is substantially smaller than the image "original" size. The X3 server resizer is good, and there is no way you will get better server-based resizing than X3 on your own self-hosted PHP server. Below are two examples, one original, and one resized down to 1280. The resized version, is only served for requests where the image on the screen is < 1280 px, else it would load the original anyway. As you would note, the downsized version is a fair representative of the original
https://demo.photo.gallery/content/gall ... apples.jpg
https://demo.photo.gallery/render/w1280 ... apples.jpg
https://demo.photo.gallery/render/w320/ ... apples.jpg (320 px)
Not sure how I can elaborate further upon this, but as for your question
"Is it possible to show the image in exactly the same size like original (e.g. 580x777px) without quality losses?": X3 already does this, and would never have resized your 580 x 777 px image anyway. I would need to see an example where you get this idea. X3 might serve a resized image for a thumbnail-request 320px wide, but there is nothing wrong with the X3 server resizer capabilities.
Perhaps you have some special colorspace profile that was not converting properly? That is a separate issue, often related to browsers. X3 retains your color profile. Also, there is already a "compression" setting in X3, set to a relatively high "90". It's not productive to set this value much higher.
VladimirS wrote:2. Is it possible to change the color of separator, image frames, the background of menu items (mouse over), background of dropdown menu, audio player? Is it also possible to change the opacity of them?
With custom CSS (Settings > Custom > Custom CSS), you can change almost anything in the X3 design. If you never heard of "CSS" before, it's complicated stuff, although I can assist in minor changes. Mostly it's unproductive to want to make changes to lots of design elements ... I have no prior reason to doubt your design/web expertise, but from my 10+ years experience, most users who want to change design elements are making a mess of the design and/or don't see the full picture of modern, clean web design.