Questions tagged [image-transforms]
Craft's native, non-destructive image manipulations.
211
questions
25
votes
1
answer
4k
views
Generating pending image transforms stuck in process
In the CMS the progress indicator for tasks is stuck and not completing its jobs. What can I do to resolve this?
- 2,717
24
votes
3
answers
7k
views
How can I automatically generate responsive images from a single hi-res asset?
I want to be able to upload a single high resolution image, and output a <picture> element that outputs it with a few different sizes and resolutions automatically (using Picturefill to sort out ...
- 33.7k
20
votes
1
answer
428
views
Transform Info from Handle?
Can I extract a transform's settings from its handle? I'm trying to avoid upscaling images using the workaround, and I'd like to set my transform handle dynamically within some conditionals. (see this ...
- 433
18
votes
2
answers
3k
views
How do I force Craft to regenerate assets transform?
I had to add an image size in the assets transforms; all my pics were previously uploaded, but when I use getUrl('headIpad'), it makes urls like this:
http://host.com/cpresources/transforms/4/
...
- 181
13
votes
5
answers
7k
views
Image transforms returning cpresources url
I'm trying to get Craft to render an image transform defined in the control panel. No image is added to the "filelocation/_transformhandle" folder and returns the url "/cpresources/transforms/98" ...
- 143
11
votes
3
answers
3k
views
Is there a way to force Assets to redo transforms?
Client has uploaded a number of severely badly lighted photographs for a 'staff' section of a site and these all have had a 'staffThumb' transform applied to it on the sites pages.
I corrected the ...
- 840
11
votes
3
answers
1k
views
Prevent Asset Transforms from scaling Image past 100%
There is almost never a reason why I would want an image to be scaled past 100% by a transform. This usually results in an image being looking worse than it would if scaled by the browser. Is there a ...
- 815
10
votes
1
answer
1k
views
Change the size of a users profile photo?
I have a website where I am pulling a list of staff members from the Craft users. You can add individual fields to the users element, but it seems the image for the photo is incredibly small is size ...
- 2,326
10
votes
2
answers
9k
views
Is it possible to clear caches and re-index assets programattically?
When migrating a Craft site, I'm used to...
deploying files
checking my config, tweaking as necessary
loading a database backup
running "Update Asset Indexes" and "Clear Caches" from the control ...
- 3,921
9
votes
3
answers
2k
views
What accurately will set asset paths for multilingual sites?
This is actually a fairly crucial matter, since relative paths definitely won't work with languages, unless you really want all assets in a given Source to be localized or at least copied to each ...
- 1,697
9
votes
3
answers
5k
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.
9
votes
4
answers
564
views
What are the Pros and Cons to each image transform technique?
In Craft you can do two types of image transforms:
1. Control Panel Transforms:
Via: Settings → Assets → Image Transforms
2. Inline Transforms in your Templates
I’m currently using 100% inline ...
- 806
8
votes
1
answer
677
views
Is it possible to hook into image transforms?
I have a somewhat unique thumbnail need for a certain site. I need to watermark images with custom text (per image, not globally across the site). Is there a way to hook into the Craft image transform ...
- 125
6
votes
3
answers
980
views
apply transform to image uploaded into Redactor?
Is it possible to allow the selection of an image transform on an image that's been uploaded into a Redactor field?
- 1,783
6
votes
1
answer
640
views
Cache/ColdCache & checking for ungenerated image transforms
This issue is very similar to the following issue, but this goes a little bit further. Cache tag won’t cache in a template
I have a page which is made up of hundreds of lazy loaded images similarly ...
- 155
6
votes
1
answer
531
views
Is 'real crop' a possibility?
Ok, this is the first time I need this, but here's my question:
If crop is selected for a transition, what you get is a scaleAndCrop. Is there a way to do a 'real' crop, so no resizing before ...
- 6,288
6
votes
1
answer
619
views
Asset thumbnail size in Entries
Is there a quick an easy way to change the asset thumbnail size when it's attached to an entry?
By default this is quite small and restrictive and would like to show a more representative version of ...
- 161
5
votes
3
answers
668
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 ...
- 870
5
votes
4
answers
306
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 ...
- 620
5
votes
2
answers
703
views
Image transform is turning my jpegs dark
I'm experiencing a strange effect where an image transform is causing my images to turn very dark when compared to their originals. I have ImageMagick and gd installed. The images are all sRGB. Some ...
- 471
5
votes
1
answer
480
views
Can I "circle crop" an image asset?
Is it possible for me to create an image transformation that generates a cirle cropped thumbnail?
Just like this:
- 2,824
5
votes
2
answers
679
views
Progressive jpg image transforms?
I want to use progressive jpg files and want to know if craft image transforms save jpg images as progressive, or can they be made to?
- 1,106
4
votes
2
answers
308
views
Transform different image if specific id or order
I have a masonry type image grid layout and I need to specify a different image transform for just the 2nd and fourth images in this grid.
Does the image ID relate to the order or to the specific ...
- 1,199
4
votes
4
answers
3k
views
Is it possible to compress image transforms?
I'm using image transforms to create 1x versions of hdpi 2x images but one area I get slammed on web page performance is loading these images. Is it possible to compress them and if so, how?
- 568
4
votes
2
answers
661
views
Is there any way of setting / forcing a default image transform for images inserted via rich text blocks?
I have an image transform that is designed for images inserted into posts, and I'd like to make sure this is always applied to any image in a post. The problem I'm having is that for images inserted ...
- 1,215
4
votes
2
answers
1k
views
Can images embedded in a Rich Text field be resized on output?
I see how to use Image Transforms when the image tag is its own field but don't see a way to handle images within Rich Text fields or force a size on upload.
I need to have the image dimensions ...
- 107
4
votes
1
answer
719
views
Image Transform Problems, Timeouts, Stuck Transforms
We are seeing the following symptoms:
We routinely encounter stuck Generating pending image transforms tasks and have to manually mark the tasks as failed using SQL in the table craft_tasks.
Broken ...
- 265
4
votes
1
answer
681
views
How to output transforms for retina images from one upload?
I have a slide show that shows logos of different dimensions working well in HTML/CSS - the image output looks like below. I'd like to only upload one retina/hdpi image once for the entry where the ...
- 1,886
4
votes
1
answer
1k
views
Generating pending image transforms stuck
My image transform task always gets stuck halfway through so that I have to "repair" the task as per this guide. Im trying to convert about 150 images (amounts to ~300 steps). Resetting the task ...
4
votes
3
answers
467
views
Can't resize image in Rich Text field since 2.5 update
after upgrade to 2.5, it seems it's not possible to click on the inserted image and resize it in the Rich Text Field. If you click it now, you directly get a popup to give in the Title, link or select ...
- 113
4
votes
1
answer
205
views
Make "original" images unaccessable?
Is it possible to make the uploaded "original" images unaccessable for site visitors and make only the transforms public?
I'd like to upload images in full quality, to
get the best possible quality ...
- 35.8k
3
votes
2
answers
725
views
Can image transforms decrease performance?
If I have a site that will eventually have thousands of product images on it, would using image transforms slow things down?
- 439
3
votes
2
answers
2k
views
Image Transforms - Image not processed until second page refresh
I'm new to Craft, and am not sure whether I've got something weird happening or if what I'm experiencing is expected behavior.
I notice that when I add new entries containing image assets that get ...
- 123
3
votes
2
answers
534
views
GeneratePendingTransforms stuck every time
I get a stuck GeneratePendingTransforms task over and over again. In the first place, I don't know why any transforms are getting created at that point. By now, almost every image transform for every ...
- 307
3
votes
2
answers
362
views
Images much larger on server and page than the local version
I am trying to bring image file sizes down as much as possible, but the images on the server turn out to be quite a bit larger than the same images I have saved locally.
For example, I have one local ...
- 674
3
votes
1
answer
497
views
Is it possible to use percentage values for width and height in image transforms?
I'm working on creating an image transform to handle retina images. I upload the 2x assets and need an image transform to create my images at 50% their original size. Since images on the site can be ...
- 568
3
votes
1
answer
557
views
Why are gif transform file sizes very large?
Our site makes use of gifs to enable the client to upload basic animating images. Any asset field on the site can be jpg, png or gif, and the site makes significant use of transforms for responsive ...
- 480
3
votes
1
answer
516
views
Image Transforms: Is there a way to detect portrait or landscape?
I'm looking to setup an image transform via the control panel but I only want to resize the image (scale - not crop or fit). The trouble is that I don't know whether the uploaded image will be a ...
- 584
3
votes
1
answer
334
views
Gitignore pattern to remove image transforms
Not sure on the gitignore pattern I need to add to ignore craft's image transforms it automatically generates. Any ideas?
- 441
3
votes
1
answer
177
views
Error when calling an image transform from matrix field
I'm trying to call an image via an image transform from a matrix field.
So when I do this:
{% if block.type == "standardImage" %}
{% set image = block.imageFile.first() %}
{% if image %}
&...
- 733
3
votes
1
answer
1k
views
Generate PDF preview images automatically?
Is it possible to auto generate PDF preview images with Craft transforms? This popular Q/A at Stack Overflow shows a PHP solution making use of ImageMagick and GhostScript. Is installing these plugins ...
- 35.8k
3
votes
1
answer
526
views
How to check whether a named Asset Transform exists?
I'm using asset transforms in various places to serve appropriately sized images via a Twig macro that I feed an entry and the name of a transform into (the idea is to have the same bit of HTML, but ...
- 1,215
3
votes
1
answer
470
views
Errors with Craft 2.3, Imagine and Imagick
Does anyone else have the same issue?
Post the recent Craft 2.3 update all image transforms on my server (about 6 craft sites now) are throwing errors on new transforms.
Specifically write errors ...
3
votes
2
answers
611
views
Camera Orientation and image transforms?
I have a CraftCMS site and a client has uploaded some images to their portfolio that were taken with their iPhone. Generally I don't worry about the EXIF data/camera orientation but it looks like the ...
- 83
3
votes
2
answers
2k
views
Access Image Transforms for S3 images via Element API
I'm building a small Craft site to function as a content backend, exposing all of the content via the ElementAPI.
One field I'm retrieving and displaying in the API is the URL on Amazon S3 for an ...
- 95
3
votes
2
answers
325
views
Image Transforms adding white to edges of image
I have my image transforms set to crop centre-centre with quality 100, but for some reason the images that are rendered have a high change of having 1 or 2 pixels of white added to at least one set of ...
- 389
3
votes
0
answers
160
views
Image transforms directory not being created
I've upgraded to El Capitan from Yosemite, created several Image Transforms in the CP (see pic) but they don't seem to be creating the folders in the uploads dir. I've checked folder permissions for ...
2
votes
2
answers
2k
views
Using image transforms sometimes results in bloated file sizes.
I'm in the process of setting up Asset image transforms for my site and was playing with the quality setting to find the right balance between file size vs. output image quality.
As part of the ...
- 219
2
votes
2
answers
560
views
How to check if an Image Transform exists?
Is there an elegant way to check if an image transform exists?
{% if craft.imageTransformExists('thumb') %}
<img src="{{asset.getUrl(thumb)}}" alt="Image">
{% else %}
This image transform ...
- 2,265
2
votes
3
answers
536
views
Image transformation of tif image does not work
I use craft transformations for resizing images. The transformation of jpg files works as exepted, but the transformation of a tif image does not work. Imagick is installed and in the backend it ...
- 1,317