Magento 1.9 Increase the image size automatically Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) Announcing the arrival of Valued Associate #679: Cesar Manara Unicorn Meta Zoo #1: Why another podcast?SUPEE-9767 Patch increasing JPG image sizesMagento image size increase after uploadImage upload issue in 1.9Image changes back after selecting size swatchRWD theme - What's controls the size of an image after clicking the swatch?Upload Image not working in firefox (Magento 1.9) frontendHow to get Image type, file size and url?Slider banner image is resize to smaller size in magento 1.9Magento image size increase after uploadHow increase product view size on category page?image resize in Magento 1.9Product image upload button not shown in magento 1.9
What is the evidence that custom checks in Northern Ireland are going to result in violence?
Meaning of "Not holding on that level of emuna/bitachon"
Compiling and throwing simple dynamic exceptions at runtime for JVM
A German immigrant ancestor has a "Registration Affidavit of Alien Enemy" on file. What does that mean exactly?
Grounding PCB Within Aluminum Enclosure
How can I introduce the names of fantasy creatures to the reader?
Unix AIX passing variable and arguments to expect and spawn
Why did Israel vote against lifting the American embargo on Cuba?
Lights are flickering on and off after accidentally bumping into light switch
What documents does someone with a long-term visa need to travel to another Schengen country?
Does GDPR cover the collection of data by websites that crawl the web and resell user data
Pointing to problems without suggesting solutions
A journey... into the MIND
Assertions In A Mock Callout Test
When does Bran Stark remember Jamie pushing him?
Should man-made satellites feature an intelligent inverted "cow catcher"?
Why these surprising proportionalities of integrals involving odd zeta values?
What's the connection between Mr. Nancy and fried chicken?
Does using the Inspiration rules for character defects encourage My Guy Syndrome?
How to break 信じようとしていただけかも知れない into separate parts?
Protagonist's race is hidden - should I reveal it?
Like totally amazing interchangeable sister outfit accessory swapping or whatever
Kepler's 3rd law: ratios don't fit data
Why isn't everyone flabbergasted about Bran's "gift"?
Magento 1.9 Increase the image size automatically
Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern)
Announcing the arrival of Valued Associate #679: Cesar Manara
Unicorn Meta Zoo #1: Why another podcast?SUPEE-9767 Patch increasing JPG image sizesMagento image size increase after uploadImage upload issue in 1.9Image changes back after selecting size swatchRWD theme - What's controls the size of an image after clicking the swatch?Upload Image not working in firefox (Magento 1.9) frontendHow to get Image type, file size and url?Slider banner image is resize to smaller size in magento 1.9Magento image size increase after uploadHow increase product view size on category page?image resize in Magento 1.9Product image upload button not shown in magento 1.9
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
When I upload the image in magento slider if image size is 150kb & When I inspect the image & download the image size will be changed to 400kb
Let me know what was the issue.
magento-1.9
|
show 1 more comment
When I upload the image in magento slider if image size is 150kb & When I inspect the image & download the image size will be changed to 400kb
Let me know what was the issue.
magento-1.9
magento itself controls the size of an images, such as needing to resize a custom image and display it on the site in special sized areas.
– Lalit838
Oct 10 '17 at 10:48
there is any way to disable this
– imran bashir
Oct 10 '17 at 10:49
i dont think that will be a good idea, why do you want to do that?
– Lalit838
Oct 10 '17 at 10:50
because that will effect on the page load speed
– imran bashir
Oct 10 '17 at 10:51
please have a look on the answer
– Lalit838
Oct 10 '17 at 10:59
|
show 1 more comment
When I upload the image in magento slider if image size is 150kb & When I inspect the image & download the image size will be changed to 400kb
Let me know what was the issue.
magento-1.9
When I upload the image in magento slider if image size is 150kb & When I inspect the image & download the image size will be changed to 400kb
Let me know what was the issue.
magento-1.9
magento-1.9
edited May 10 '18 at 17:08
Rohan Hapani
7,04631865
7,04631865
asked Oct 10 '17 at 10:37
imran bashirimran bashir
116
116
magento itself controls the size of an images, such as needing to resize a custom image and display it on the site in special sized areas.
– Lalit838
Oct 10 '17 at 10:48
there is any way to disable this
– imran bashir
Oct 10 '17 at 10:49
i dont think that will be a good idea, why do you want to do that?
– Lalit838
Oct 10 '17 at 10:50
because that will effect on the page load speed
– imran bashir
Oct 10 '17 at 10:51
please have a look on the answer
– Lalit838
Oct 10 '17 at 10:59
|
show 1 more comment
magento itself controls the size of an images, such as needing to resize a custom image and display it on the site in special sized areas.
– Lalit838
Oct 10 '17 at 10:48
there is any way to disable this
– imran bashir
Oct 10 '17 at 10:49
i dont think that will be a good idea, why do you want to do that?
– Lalit838
Oct 10 '17 at 10:50
because that will effect on the page load speed
– imran bashir
Oct 10 '17 at 10:51
please have a look on the answer
– Lalit838
Oct 10 '17 at 10:59
magento itself controls the size of an images, such as needing to resize a custom image and display it on the site in special sized areas.
– Lalit838
Oct 10 '17 at 10:48
magento itself controls the size of an images, such as needing to resize a custom image and display it on the site in special sized areas.
– Lalit838
Oct 10 '17 at 10:48
there is any way to disable this
– imran bashir
Oct 10 '17 at 10:49
there is any way to disable this
– imran bashir
Oct 10 '17 at 10:49
i dont think that will be a good idea, why do you want to do that?
– Lalit838
Oct 10 '17 at 10:50
i dont think that will be a good idea, why do you want to do that?
– Lalit838
Oct 10 '17 at 10:50
because that will effect on the page load speed
– imran bashir
Oct 10 '17 at 10:51
because that will effect on the page load speed
– imran bashir
Oct 10 '17 at 10:51
please have a look on the answer
– Lalit838
Oct 10 '17 at 10:59
please have a look on the answer
– Lalit838
Oct 10 '17 at 10:59
|
show 1 more comment
2 Answers
2
active
oldest
votes
If you want to change size of image on category page navigate to app/design/frontend/[your_package]/[your_theme]/catalog/product/list.phtml
and search for the line:
<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize($productgridimagewidth,$productgridimageheight); ?>" width="<?php echo $productgridimagewidth; ?>" height="<?php echo $productgridimageheight; ?>" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" />
and change it to:
<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(170, 170)->setQuality(100) ?>" width="170" height="170" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" />
you can use any size in resize(width, height) function
and if you want to change the image of product page then head to app/design/frontend/[your_package]/[your_theme]/catalog/product/view.phtml
and search for the same:
By default the re-size of the product images working in the following way:
<?php echo $this->helper('catalog/image')
->init($_product, 'small_image')->resize(135); ?>
The code generate the 135х135px image. There are a number of additional parameters that control the image output, here is a list of these parameters with default values:
<?php
echo $this->helper('catalog/image')->init($_product, 'small_image')
->constrainOnly(false)
->keepAspectRatio(true)
->keepFrame(true)
->keepTransparency(true)
->backgroundColor(array(255,255,255))
->resize(135, 135);
?>
If you want to get images on actual width or height use the following:
<?php
echo $this->helper('catalog/image')
->init($_product, 'small_image')->getOriginalWidth();
echo $this->helper('catalog/image')
->init($_product, 'small_image')->getOriginalHeight();
?>
Either set keepFrame to true, so it's always exact size, or set keepAspectRatio to false.
add a comment |
Browsers download data in parallel and try to start rendering the page as soon as possible, If you don't specify the size the browser has no idea how large the image is going to be until after the image download is fully complete.
This delay forces the browser to reflow the layout, delaying the page load time.
If you specify the image sizes, either in HTML or CSS, then browser can avoid repaints and reflows of content.
Try to add height property in your image height:150px; for exemple
, img-class for a responsive <img class="img-responsive">
If your slider contain a product images, you can resize them like this:
<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(150); ?>
add a comment |
Your Answer
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "479"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f196637%2fmagento-1-9-increase-the-image-size-automatically%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
If you want to change size of image on category page navigate to app/design/frontend/[your_package]/[your_theme]/catalog/product/list.phtml
and search for the line:
<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize($productgridimagewidth,$productgridimageheight); ?>" width="<?php echo $productgridimagewidth; ?>" height="<?php echo $productgridimageheight; ?>" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" />
and change it to:
<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(170, 170)->setQuality(100) ?>" width="170" height="170" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" />
you can use any size in resize(width, height) function
and if you want to change the image of product page then head to app/design/frontend/[your_package]/[your_theme]/catalog/product/view.phtml
and search for the same:
By default the re-size of the product images working in the following way:
<?php echo $this->helper('catalog/image')
->init($_product, 'small_image')->resize(135); ?>
The code generate the 135х135px image. There are a number of additional parameters that control the image output, here is a list of these parameters with default values:
<?php
echo $this->helper('catalog/image')->init($_product, 'small_image')
->constrainOnly(false)
->keepAspectRatio(true)
->keepFrame(true)
->keepTransparency(true)
->backgroundColor(array(255,255,255))
->resize(135, 135);
?>
If you want to get images on actual width or height use the following:
<?php
echo $this->helper('catalog/image')
->init($_product, 'small_image')->getOriginalWidth();
echo $this->helper('catalog/image')
->init($_product, 'small_image')->getOriginalHeight();
?>
Either set keepFrame to true, so it's always exact size, or set keepAspectRatio to false.
add a comment |
If you want to change size of image on category page navigate to app/design/frontend/[your_package]/[your_theme]/catalog/product/list.phtml
and search for the line:
<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize($productgridimagewidth,$productgridimageheight); ?>" width="<?php echo $productgridimagewidth; ?>" height="<?php echo $productgridimageheight; ?>" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" />
and change it to:
<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(170, 170)->setQuality(100) ?>" width="170" height="170" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" />
you can use any size in resize(width, height) function
and if you want to change the image of product page then head to app/design/frontend/[your_package]/[your_theme]/catalog/product/view.phtml
and search for the same:
By default the re-size of the product images working in the following way:
<?php echo $this->helper('catalog/image')
->init($_product, 'small_image')->resize(135); ?>
The code generate the 135х135px image. There are a number of additional parameters that control the image output, here is a list of these parameters with default values:
<?php
echo $this->helper('catalog/image')->init($_product, 'small_image')
->constrainOnly(false)
->keepAspectRatio(true)
->keepFrame(true)
->keepTransparency(true)
->backgroundColor(array(255,255,255))
->resize(135, 135);
?>
If you want to get images on actual width or height use the following:
<?php
echo $this->helper('catalog/image')
->init($_product, 'small_image')->getOriginalWidth();
echo $this->helper('catalog/image')
->init($_product, 'small_image')->getOriginalHeight();
?>
Either set keepFrame to true, so it's always exact size, or set keepAspectRatio to false.
add a comment |
If you want to change size of image on category page navigate to app/design/frontend/[your_package]/[your_theme]/catalog/product/list.phtml
and search for the line:
<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize($productgridimagewidth,$productgridimageheight); ?>" width="<?php echo $productgridimagewidth; ?>" height="<?php echo $productgridimageheight; ?>" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" />
and change it to:
<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(170, 170)->setQuality(100) ?>" width="170" height="170" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" />
you can use any size in resize(width, height) function
and if you want to change the image of product page then head to app/design/frontend/[your_package]/[your_theme]/catalog/product/view.phtml
and search for the same:
By default the re-size of the product images working in the following way:
<?php echo $this->helper('catalog/image')
->init($_product, 'small_image')->resize(135); ?>
The code generate the 135х135px image. There are a number of additional parameters that control the image output, here is a list of these parameters with default values:
<?php
echo $this->helper('catalog/image')->init($_product, 'small_image')
->constrainOnly(false)
->keepAspectRatio(true)
->keepFrame(true)
->keepTransparency(true)
->backgroundColor(array(255,255,255))
->resize(135, 135);
?>
If you want to get images on actual width or height use the following:
<?php
echo $this->helper('catalog/image')
->init($_product, 'small_image')->getOriginalWidth();
echo $this->helper('catalog/image')
->init($_product, 'small_image')->getOriginalHeight();
?>
Either set keepFrame to true, so it's always exact size, or set keepAspectRatio to false.
If you want to change size of image on category page navigate to app/design/frontend/[your_package]/[your_theme]/catalog/product/list.phtml
and search for the line:
<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize($productgridimagewidth,$productgridimageheight); ?>" width="<?php echo $productgridimagewidth; ?>" height="<?php echo $productgridimageheight; ?>" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" />
and change it to:
<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(170, 170)->setQuality(100) ?>" width="170" height="170" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" />
you can use any size in resize(width, height) function
and if you want to change the image of product page then head to app/design/frontend/[your_package]/[your_theme]/catalog/product/view.phtml
and search for the same:
By default the re-size of the product images working in the following way:
<?php echo $this->helper('catalog/image')
->init($_product, 'small_image')->resize(135); ?>
The code generate the 135х135px image. There are a number of additional parameters that control the image output, here is a list of these parameters with default values:
<?php
echo $this->helper('catalog/image')->init($_product, 'small_image')
->constrainOnly(false)
->keepAspectRatio(true)
->keepFrame(true)
->keepTransparency(true)
->backgroundColor(array(255,255,255))
->resize(135, 135);
?>
If you want to get images on actual width or height use the following:
<?php
echo $this->helper('catalog/image')
->init($_product, 'small_image')->getOriginalWidth();
echo $this->helper('catalog/image')
->init($_product, 'small_image')->getOriginalHeight();
?>
Either set keepFrame to true, so it's always exact size, or set keepAspectRatio to false.
edited Oct 10 '17 at 11:10
answered Oct 10 '17 at 10:52
Lalit838Lalit838
313112
313112
add a comment |
add a comment |
Browsers download data in parallel and try to start rendering the page as soon as possible, If you don't specify the size the browser has no idea how large the image is going to be until after the image download is fully complete.
This delay forces the browser to reflow the layout, delaying the page load time.
If you specify the image sizes, either in HTML or CSS, then browser can avoid repaints and reflows of content.
Try to add height property in your image height:150px; for exemple
, img-class for a responsive <img class="img-responsive">
If your slider contain a product images, you can resize them like this:
<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(150); ?>
add a comment |
Browsers download data in parallel and try to start rendering the page as soon as possible, If you don't specify the size the browser has no idea how large the image is going to be until after the image download is fully complete.
This delay forces the browser to reflow the layout, delaying the page load time.
If you specify the image sizes, either in HTML or CSS, then browser can avoid repaints and reflows of content.
Try to add height property in your image height:150px; for exemple
, img-class for a responsive <img class="img-responsive">
If your slider contain a product images, you can resize them like this:
<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(150); ?>
add a comment |
Browsers download data in parallel and try to start rendering the page as soon as possible, If you don't specify the size the browser has no idea how large the image is going to be until after the image download is fully complete.
This delay forces the browser to reflow the layout, delaying the page load time.
If you specify the image sizes, either in HTML or CSS, then browser can avoid repaints and reflows of content.
Try to add height property in your image height:150px; for exemple
, img-class for a responsive <img class="img-responsive">
If your slider contain a product images, you can resize them like this:
<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(150); ?>
Browsers download data in parallel and try to start rendering the page as soon as possible, If you don't specify the size the browser has no idea how large the image is going to be until after the image download is fully complete.
This delay forces the browser to reflow the layout, delaying the page load time.
If you specify the image sizes, either in HTML or CSS, then browser can avoid repaints and reflows of content.
Try to add height property in your image height:150px; for exemple
, img-class for a responsive <img class="img-responsive">
If your slider contain a product images, you can resize them like this:
<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(150); ?>
edited May 10 '18 at 17:07
Rohan Hapani
7,04631865
7,04631865
answered Oct 11 '17 at 9:21
PЯINCƏPЯINCƏ
8,45431147
8,45431147
add a comment |
add a comment |
Thanks for contributing an answer to Magento Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f196637%2fmagento-1-9-increase-the-image-size-automatically%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
magento itself controls the size of an images, such as needing to resize a custom image and display it on the site in special sized areas.
– Lalit838
Oct 10 '17 at 10:48
there is any way to disable this
– imran bashir
Oct 10 '17 at 10:49
i dont think that will be a good idea, why do you want to do that?
– Lalit838
Oct 10 '17 at 10:50
because that will effect on the page load speed
– imran bashir
Oct 10 '17 at 10:51
please have a look on the answer
– Lalit838
Oct 10 '17 at 10:59