Questions tagged [image-transforms]
Craft's native, non-destructive image manipulations.
194
questions
1
vote
1answer
46 views
Forcing creation of all transformations for all assets
Regarding a similar question I only found the advice to delete a table in the database but because I don't like fiddling with the db very much I like to ask: Are there ways to force craft to generate ...
0
votes
0answers
19 views
Lower Quality Transform on S3 vs. Local
The same image served from S3 has much worse compression effects than when served locally. The S3 one is all pixelated when the local one is clean. I just drag the same source image back and forth ...
0
votes
0answers
32 views
Image Transform change causes 500 Internal Server Error
I had an image transform set on an entry that was working as expected. I updated the code, and it didn't work, so I reverted back to the old transform. It was literally going from
src="{{ image....
1
vote
1answer
19 views
CP transform renders image 404
I have a transform in my CP called detail large.
IN my template the image will render normally.
<img class="img-fluid" src="{{ image.getUrl() }}" >
Wen i want to use the transform like below:
...
0
votes
0answers
22 views
Apply image transform after image is placed on page
I have an overview (i.e. list with around 150 items). Each of those items has an appropriate "teaser image". When a user is hovering a list item the appropriate teaser image fades in, on mouse out it ...
1
vote
1answer
36 views
Image processing in headless mode
How to do image processing & transformations when not using templates?
I'm using react-static for the frontend.
Is it possible to have CraftCMS process the images upon upload?
1
vote
1answer
28 views
Image Transform of Transparent Images results with Black Background
As the title suggests, I am receiving a black background on my transparent PNGs. I'd prefer them to be white. I have enabled imagemagick in the config file but still no dice. I noticed GD library ...
1
vote
0answers
46 views
FortRabbit - performance - image transforms
Anybody else have problems with image transforms on FortRabbit?
They sent me this article as some background - https://blog.fortrabbit.com/imagemagick-issues
I was using the light level of hosting (...
0
votes
0answers
25 views
Generating pending image transforms get scheduled over and over again // Craft 2.6
I triggered "Generating pending image transforms" and now it keeps popping up, no matter how often it's completed. I tried deleting it from the craft_tasks table but it'll just add a new one.
How can ...
1
vote
1answer
64 views
Image transforms not working on front-end
I'm able to upload images correctly to the server. I can see the thumbnail and view the larger image inside the control panel on the Assets page. However, the front-end image transforms result in a ...
0
votes
0answers
42 views
Image Transform resolution DPI
This may be a very odd thing to do, but it's the only way to not get blurry/pixelated photos in Outlook Signature.
I have built a page that displays all 120 Craft CMS users as Outlook signatures ...
0
votes
0answers
42 views
Image Transforms: getUrl('handle') not displaying - Craft 3
This displays the image in my asset volume perfectly:
<div class="row hp-brew-item" style="background-image:url({{ entry.drinkImage.one().getUrl() }});">
When trying to apply the image ...
0
votes
0answers
38 views
Use Imgix with Redactor?
I am using this plugin to use Imgix to transform my images:
{% set image = entry.featuredImage.one() %}
{% set transform = craft.app.config.general.imgix.small %}
{% set imgixTransform = ...
1
vote
1answer
35 views
Can I use GraphicsMagick with Craft CMS?
Short question: Can I use GraphicsMagick with Craft CMS? If yes, how can it be configured? thanks
2
votes
1answer
436 views
How can I set an absolute image url for Open Graph Image tags?
I need the final tag to look like this:
<meta property="og:image" content="http://mysite.com/uploads/resources/_hero/myimage.jpg">
If I use something like this:
{% set seoImage = entry....
1
vote
1answer
28 views
Craft Equivelent of EE addon CE Image Bulk Tag?
I'm preparing to migrate an old ExpressionEngine site to Craft and there are channels with images that are being resized by wrapping the rich text editor with ce image bulk tag like this:
{exp:ce_img:...
1
vote
1answer
63 views
Select Transform Feature with Asset Field
If you insert an image in a Rich Text field you get an option to apply a transform, but that is not true when using an Asset field to choose an image, which seems strange. Is there any way to ...
1
vote
1answer
39 views
modify image contrast
In my experience is the build-in process of image transform not too kind to the image quality, even with the highest quality. In my case the brighter tones in the images are lost which means that ...
1
vote
1answer
163 views
Craft isn't regenerating the image transform when the focal point changes
I've got a basic image transform in a template:
{% set crop = {
mode: 'crop',
width: 560,
height: 550,
quality: 80
} %}
<img src="{{ image.getUrl(crop) }}">
Once the ...
0
votes
1answer
605 views
Image Transforms not happening
Apologies if this has come up before. I did check but the previous post referred to version 2.x and was regarding a bug.
I have set up 2 image transforms for images but nothing works. The assets ...
2
votes
1answer
199 views
Focal point: more control?
I originally had this setting in twig for gallery thumbnails:
{% set square150 = {
mode: 'crop',
width: 150,
height: 150,
quality: 75
position: 'center-center'
} %}
<img width=...
1
vote
2answers
285 views
Is it possible to get a transformed image's file size (bytes, not dimensions)?
I'm using a transformed image in a context where there's a maximum file size. Is there a way to determine the transformed image's file size in the templates? .size can't run on the url string
2
votes
2answers
49 views
Apply imageTransform on twitter media feed
{% set response = craft.twitter.get('statuses/user_timeline', { tweet_mode:'extended', count: 20 }) %}
{% if response.success %}
{% for tweet in response.data %}
{% ...
2
votes
1answer
261 views
How to make PNGs crisp using Imager + Optipng and Craft 3?
I've installed Imager in a Craft 3 site and everything looks fine except my PNGs are fuzzy. I've set 'pngCompressionLevel' => 0, because I'm using Optipng and the docs say to do this. The PNGs have ...
7
votes
3answers
2k views
How do image focal points work in Craft 3?
How do image focal points work in Craft 3? I see the dot in the CP, but I'm unable to set the focus.
1
vote
1answer
244 views
Image quality get low in Craft 3 after applying image transform
As of now I am using Craft's image transform to render images according to the size. If this still appears low quality even Image Transform setting with qulity "Maximum".
2
votes
1answer
122 views
Set max-height on image transforms?
Is it possible to define an aspect ratio / set a max height on an image transform, without using a plugin?
Let's say the width is fixed to 600px, but the height can be any value up to 800px?
1
vote
1answer
402 views
Get control panel asset thumbnails into a frontend template
My frontend template displays the assets that have been uploaded to Craft. I could create a series of asset transforms within that template to create a range of thumbnail sizes.
Not too sure about ...
1
vote
1answer
297 views
Get all available asset transforms
Is there a way to get all available image transforms in a template?
I would like to generate the srcset for responsive images programmatically.
I thought of creating a macro for that but haven't ...
1
vote
1answer
44 views
Random transforms
We are using a masonry grid, with 3 image sizes (different heights). The images are (one of) the banner image(s) from the news entries. We played around with this, however this doesn't work as we need ...
2
votes
1answer
442 views
How to get user's photo url without transform?
Craft 3: I'm trying to get User Photo URL WITHOUT any transforms, but none of those options seems to work:
(some of it prints the url with some transform)
user.photo
user.getPhoto()
user.getPhoto('...
1
vote
1answer
392 views
Using ImageOptimize, how do you loop through photos?
I'm stumped on a basic concept for looping images. I'm using the plugin ImageOptimize with Imgix and Amazon S3. The code below works but only shows one image (when there's more for that field).
For ...
1
vote
1answer
132 views
Local dev issue with transform and detect plugin
I have a local, staging and production setup (Craft 2.6.3011).
My local site is having a problem with transforms that seems to be related to the mobile detect plugin (I am using Mikkel Rummelhoff's ...
1
vote
1answer
114 views
Image Transform Files Path
Regarding the Image Transforms and the handling of its files.
Is there a config setting that controls the location (file path) of the Image Transform Files?
By default there is automatically created ...
1
vote
2answers
456 views
Image transform with focal point - in Element API
I can call predefined image transforms no problem -
$image->getUrl('small')
but cropped mobile transforms need to use the image asset's set focal point (from the Image Editor). I can't find any ...
0
votes
1answer
216 views
Image transforms on remote server are broken by `cpresources/transforms` url [duplicate]
My local image transforms successfully load in the FE but they do not load remotely.
This is the local url where images load successfully /uploads/case-studies/deployment-image/...
1
vote
0answers
132 views
Redactor inserts reference tags into IMG when using image transforms, but tag not being processed by parseRefs
Been working with Craft for about a year, but today for the first time I had to modify the Redactor config to place images inside a body field. I added 'image' to my buttons array and everything ...
5
votes
4answers
248 views
What are the best practices for the development setup?
I've started with Craft developing all locally. The struggle for me when working locally was synchronizing the database and the backend assets with coworkers on the same project.
In the last project ...
2
votes
2answers
72 views
Use Imager plugin with AssetTransforms defined in admin panel
I'm trying to use the Imager plugin with some asset transforms that I've defined in the admin panel. Passing the name of the transform is just tossing an error at me. Is there a way to do this, or ...
1
vote
2answers
341 views
Get a defined image-transform's width and height in front-end template
Is it possible to retrieve a control panel defined imagetransform’s dimensions in a front-end template without having to retrieve an asset? Because when there is no asset provided, I can't seem to ...
1
vote
2answers
391 views
How can I base64-encode an Image Transform?
I'm trying to use this plugin, but it requires an AssetFileModel as input. I can pass it the asset in question, no problem, but I'm wanting to pass it a transformed version of the asset. However, it ...
1
vote
1answer
204 views
Image transforms return cpresources URL and doesn't apply crop
Despite having tried the tips from Image transforms returning cpresources url, I am still having issues with image-transforms.
the problem is when i put the image without transform it work fine, but ...
1
vote
1answer
48 views
Border Radius on Image Transforms
Is it possible to add a border-radius to an Image Transform?
I'm using circular profile photos for a client. I could do the radius in CSS, but it'd be nice for the image to output with the radius.
0
votes
0answers
95 views
Imager Effects not working
Usually the effects work fine for me, are there are server requirements to get them working that I have missed? or is the template code below incorrect?
{% for block in entry.clientLogos %}
{% ...
0
votes
1answer
43 views
Image transform glitches
We're having trouble with images being transformed with glitches in them. What would you advise to debug behavior like this?
5
votes
2answers
288 views
Can you prevent upscaling when using Craft's image transforms?
With Craft's image transforms used to resize images or generate thumbnails, can you prevent images from being upscaled? There's often cases where it makes no sense to increase the dimensions of an ...
1
vote
1answer
503 views
Craft 3: Image transformation - grayscale
Are there any image manipulation options in Craft 3?
Like grayscale or so?
(what imager does for Craft 2: https://imager.vaersaagod.no/?img=5&demo=basic-image-adjustments)
2
votes
2answers
745 views
Applying an image transform returns a 404 cpresources URL
EDIT 3: Started using imager and no longer have the problem. It's not a real answer to the problem but solves the problem.
This is the situation that has me pulling my hairs... I've looked at other ...
1
vote
1answer
144 views
Craft creating dirty transparent background on image transformations / resizing
for anyone experiencing dirty transparent backgrounds when you transform transparent PNG images with Craft like this:
Source Image:
Resized, dirty:
Craft Command: craft.assets.id(2).first().getUrl({...
1
vote
1answer
131 views
User-selected Image Transform
I've set up four custom image transforms on the page and would like the content editor to be able to select which size they want the image to be from a drodown field preconfigured with the ...
