We use cookies to improve your experience. No personal information is gathered and we don't serve ads. Cookies Policy.

ExpressionEngine Logo ExpressionEngine
Features Pricing Support Find A Developer
Partners Upgrades
Blog Add-Ons Learn
Docs Forums University
Log In or Sign Up
Log In Sign Up
ExpressionEngine Logo
Features Pro new Support Find A Developer
Partners Upgrades
Blog Add-Ons Learn
Docs Forums University Blog
  • Home
  • Forums

Resize image

How Do I?

MINDSCREEN's avatar
MINDSCREEN
218 posts
8 years ago
MINDSCREEN's avatar MINDSCREEN

Hi

I want to resize an image and use that resized images in 4 different fields. Currently we are uploading same image in different dimensions for Thumbnails, Slider Image, Permalink Image, facebook share image, so we have to create it manually and upload 4 times. It really slows down our work.

We want to upload one image and it will resize at fixed dimensions and set those images for Facebook image = image at top of permalink = large thumbnails = small thumbnails

Can anyone suggest?

       
Jeremy S.'s avatar
Jeremy S.
353 posts
8 years ago
Jeremy S.'s avatar Jeremy S.

This very functionality has been built into the ExpressionEngine since v2.2, I believe. Have you tried that? In the ‘File Manager’ under ‘File Upload Preferences’, towards the bottom there is the Image Manipulations section. There you can create multiple manipulations to crop/resize your images. Once setup, it will process automatically when you upload a new image.

You won’t need the 4 separate image fields anymore, just the main image field, then in the templates you’ll call what size/version you want where.

       
MINDSCREEN's avatar
MINDSCREEN
218 posts
8 years ago
MINDSCREEN's avatar MINDSCREEN

Hi

I have set the dimensions in “Image Manipulation” section as below:-

small_thumb - 140x175 large_thumb - 280x350 permalink_image - 480x640

I have then uploaded an Image there and use that Image in “{share_image}” field. Now, I am trying to access the thumbnails with the main image using following code, but its nothing display:-

{exp:channel:entries channel="features" status="open" limit="10"}
{title}
{share_image:large_thumb}
{body}
       
Jeremy S.'s avatar
Jeremy S.
353 posts
8 years ago
Jeremy S.'s avatar Jeremy S.

If that is the actual template code, you still need the appropriate HTML to render the image:

img src="{share_image:large_thumb}"
       
MINDSCREEN's avatar
MINDSCREEN
218 posts
8 years ago
MINDSCREEN's avatar MINDSCREEN

Hi

I am using EE 2.2 default “Image Manipulations”, set the dimensions of “crop” as Image: " alt="Crop Dimensions" />. Everything is working well, except the “cropping” thumbnail is not created from the centre, but is set left.

We’d prefer to have it set in the centre. Are there any settings or alternate modules to crop images from center of the original image.

       

Reply

Sign In To Reply

ExpressionEngine Home Features Pro Contact Version Support
Learn Docs University Forums
Resources Support Add-Ons Partners Blog
Privacy Terms Trademark Use License

Packet Tide owns and develops ExpressionEngine. © Packet Tide, All Rights Reserved.