#361 Posted in ‘Econa’

Stretched image in editor

Latest post by Lefteris Kavadas on Wednesday, 13 March 2019 14:28 EET

Friday, 22 February 2019 19:10 EET

Marcin Równicki
Hello.
Econa change image when I save article. Image is stretched in editor JCE.
This is example.
Small image add to article.
https://prnt.sc/moqrgt
After save image is stretched.
https://prnt.sc/moqrre
Code after save look like this.
samall image


Testing URL.
https://optymalizacja.mjmartino.eu/abstraction/dziennikarz

Any advice?
Regards,

Monday, 25 February 2019 12:14 EET

Lefteris Kavadas
Hi,

This is caused by your template CSS code. The rule is on line 1293 of the file https://optymalizacja.mjmartino.eu/templates/t3_bs3_blank/css/template.css.

Regards

Monday, 25 February 2019 15:24 EET

Marcin Równicki
No no no.
Problem is econa not select correct basic image /images/samall-image.jpg is size 212 x 245 to be the default size. I want loading small image to big screen. Nobody uses always big images.
Browsers ignore "100vw" must be add width to default image. Another all small images will always be stretched.

If I choose image 100px width i want show only 100px ;) This is ont problem CSS template. If I turn on econa and add image is work correctly but not add set srcset which is obvious.
Edited by marcinr on 2019-02-25 15:25 EET

Thursday, 28 February 2019 12:42 EET

Lefteris Kavadas
You are messing the actual loaded image size with the image display. Econa will load the appropriate image size depending on the settings you have provided. You can verify this by opening the developer tools on Chrome and see which file is actually loaded.

Regards

Thursday, 28 February 2019 18:53 EET

Marcin Równicki
OK.
Lets try explain.

I upload image size 200x200
Econa convert image size Small x Medium x Large depend on configuration.
Small = 240 width q60
Medium = 480 width q70
Large = 700 width q75
I total understood if screen view larger than 700 will be load image L.

BUT.

1. Every each images should be only scaled down. Because scaled up quality is worse and the image has artifacts.

You don't tell me this image look good.

2. Image in editor should be original size after save image. [not like this]



How I can prevent scaled up images. And if image is small to load original size for all width.

Friday, 01 March 2019 14:28 EET

Lefteris Kavadas
OK now I understand. You don't want Econa to upscale images when the source image is small. Is that right?

Friday, 01 March 2019 19:09 EET

Marcin Równicki
YES! Yes :D Please :)

Saturday, 02 March 2019 16:51 EET

Lefteris Kavadas
That's a double issue:

1. The first issue is that Econa upscales the image when it's not needed.
2. The sizes attribute we add affects the way the image is displayed if there is no CSS rule or width attribute. This is what happens in Joomla backend editors.

I have applied a fix and now Econa checks if the image should be resized or not. In addition to that, Econa now adds the width attribute to the image. We are using the original image width. This way the images should get displayed fine in backend editors. In front-end the display is 99% controlled by the template so this should be fine.
If you have any other ideas for handling this, please let me know.
The fix will get included in the next update. Note that this issue only occurs for content images (images inside the editor) when the responsive method is selected at the options.
Thank you for reporting!

Regards

Tuesday, 12 March 2019 16:17 EET

Marcin Równicki
I think is fine.
When can expect update?

Wednesday, 13 March 2019 14:28 EET

Lefteris Kavadas
Can't tell for sure, we are in the process of fixing some more issues before releasing.

Regards

Vacation Notice: We’re currently in vacation mode. Response times may be longer than usual, but we’ll get back to you as soon as possible. Thanks for your patience!

Note: An active subscription is required in order to get support for our paid extensions. For our free extensions, if you don't have an account, register and then submit your support request.  In case you just want to ask a question, you can also use the contact form .

Useful links

Joomla extensions

Copyright © 2016 - 2025 Firecoders - All Rights Reserved.
Firecoders is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla! name and logo is used under a limited license granted by Open Source Matters, the trademark holder in the United States and other countries.
Firecoders
Are you using our extensions? Please post a review at the Joomla extensions directory!
Post a review