Forums / Setup & design / Images quality (definition)

Images quality (definition)

Author Message

Catherine Mollet

Tuesday 01 December 2009 9:43:07 am

Hello,

Using eZwebin, I have problems with the quality of images, especially the ones uploaded with "Image" attribute. Very bad quality, seems to be extremely compressed.

In the template, image is set with

{attribute_view_gui attribute=$node.data_map.image}

In the image.ini.append.php file, settings are :

[MIMETypeSettings]
Quality[]
Quality[]=image/jpeg;100

What can I do to have good quality images ?

Gaetano Giunta

Tuesday 01 December 2009 12:37:00 pm

I am sure you checked, but since you are not specifying the image variant, it might be that you are producing small-resolution images upscaled (badly) by the browser?

Principal Consultant International Business
Member of the Community Project Board

Catherine Mollet

Wednesday 02 December 2009 3:14:16 am

Thanks Gaetano. I didn't know, then you gave a direction to look at. I put

{attribute_view_gui attribute=$node.data_map.image image_class=articleimage}

in the template to have load a different image variation. Indeed, myimage_articleimage.jpg is loaded, but quality is still bad. Original image size is 24 ko and myimage_articleimage.jpg is 5 ko... Quite an awful compression.

Catherine Mollet

Wednesday 16 December 2009 9:01:51 am

Up...

Nicolas Pastorino

Monday 25 January 2010 10:29:49 am

Hello Catherine,

Did you make sure that the 'articleimage' transformation (defined in image.ini) is not applying quality-degrading filters ? And what image processing backend are you using ? ImageMagick or GD ?

You may want to give us the details of the 'articleimage' filter btw.

Let us know,

--
Nicolas Pastorino
Director Community - eZ
Member of the Community Project Board

eZ Publish Community on twitter: http://twitter.com/ezcommunity

t : http://twitter.com/jeanvoye
G+ : http://plus.tl/jeanvoye

Catherine Mollet

Thursday 28 January 2010 6:54:52 am

Hi Nicolas,

I guess it's GD, because in phpinfo(), I see that GD is enabled, and in settings/override/image.ini.append.php, there is

[ImageMagick]
IsEnabled=false

But, in extensions/myextension/settings/image.ini.append.php, there's

[ImageMagick]
Filters[]=centerimg=-gravity center -crop %1x%2+%3+%4

So I don't understand very well.

And for "articleimage", details are

[articleimage]
Reference=
Filters[]
Filters[]=geometry/scaledownonly=170;350

Is that details you asked for ? I really don't know where to look at...

Thanks

eZ debug

Timing: Jan 29 2025 23:44:56
Script start
Timing: Jan 29 2025 23:44:56
Module start 'content'
Timing: Jan 29 2025 23:44:56
Module end 'content'
Timing: Jan 29 2025 23:44:56
Script end

Main resources:

Total runtime0.1247 sec
Peak memory usage2,048.0000 KB
Database Queries141

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0057 587.9297180.8359
Module start 'content' 0.00570.0059 768.765697.8984
Module end 'content' 0.01160.1130 866.6641526.5234
Script end 0.1246  1,393.1875 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00342.7226200.0002
Check MTime0.00141.0858200.0001
Mysql Total
Database connection0.00070.546910.0007
Mysqli_queries0.085868.80381410.0006
Looping result0.00090.75251390.0000
Template Total0.112790.410.1127
Template load0.00090.705810.0009
Template processing0.111989.714610.1119
Override
Cache load0.00060.506210.0006
Sytem overhead
Fetch class attribute can translate value0.00080.668110.0008
XML
Image XML parsing0.00020.183610.0002
General
dbfile0.00443.5686200.0002
String conversion0.00000.005030.0000
Note: percentages do not add up to 100% because some accumulators overlap

CSS/JS files loaded with "ezjscPacker" during request:

CacheTypePacklevelSourceFiles
CSS0extension/community/design/community/stylesheets/ext/jquery.autocomplete.css
extension/community_design/design/suncana/stylesheets/scrollbars.css
extension/community_design/design/suncana/stylesheets/tabs.css
extension/community_design/design/suncana/stylesheets/roadmap.css
extension/community_design/design/suncana/stylesheets/content.css
extension/community_design/design/suncana/stylesheets/star-rating.css
extension/community_design/design/suncana/stylesheets/syntax_and_custom_tags.css
extension/community_design/design/suncana/stylesheets/buttons.css
extension/community_design/design/suncana/stylesheets/tweetbox.css
extension/community_design/design/suncana/stylesheets/jquery.fancybox-1.3.4.css
extension/bcsmoothgallery/design/standard/stylesheets/magnific-popup.css
extension/sevenx/design/simple/stylesheets/star_rating.css
extension/sevenx/design/simple/stylesheets/libs/fontawesome/css/all.min.css
extension/sevenx/design/simple/stylesheets/main.v02.css
extension/sevenx/design/simple/stylesheets/main.v02.res.css
JS0extension/ezjscore/design/standard/lib/yui/3.17.2/build/yui/yui-min.js
extension/ezjscore/design/standard/javascript/jquery-3.7.0.min.js
extension/community_design/design/suncana/javascript/jquery.ui.core.min.js
extension/community_design/design/suncana/javascript/jquery.ui.widget.min.js
extension/community_design/design/suncana/javascript/jquery.easing.1.3.js
extension/community_design/design/suncana/javascript/jquery.ui.tabs.js
extension/community_design/design/suncana/javascript/jquery.hoverIntent.min.js
extension/community_design/design/suncana/javascript/jquery.popmenu.js
extension/community_design/design/suncana/javascript/jScrollPane.js
extension/community_design/design/suncana/javascript/jquery.mousewheel.js
extension/community_design/design/suncana/javascript/jquery.cycle.all.js
extension/sevenx/design/simple/javascript/jquery.scrollTo.js
extension/community_design/design/suncana/javascript/jquery.cookie.js
extension/community_design/design/suncana/javascript/ezstarrating_jquery.js
extension/community_design/design/suncana/javascript/jquery.initboxes.js
extension/community_design/design/suncana/javascript/app.js
extension/community_design/design/suncana/javascript/twitterwidget.js
extension/community_design/design/suncana/javascript/community.js
extension/community_design/design/suncana/javascript/roadmap.js
extension/community_design/design/suncana/javascript/ez.js
extension/community_design/design/suncana/javascript/ezshareevents.js
extension/sevenx/design/simple/javascript/main.js

Templates used to render the page:

UsageRequested templateTemplateTemplate loadedEditOverride
1pagelayout.tpl<No override>extension/sevenx/design/simple/templates/pagelayout.tplEdit templateOverride template
 Number of times templates used: 1
 Number of unique templates used: 1

Time used to render debug report: 0.0001 secs