Image transforms return cpresources URL in Craft Pro 2.5.2754

Question

Despite having tried the tips from Image transforms returning cpresources url, I am still having issues with image-transforms.

I am running Craft Pro 2.5.2754

asset-source details as follows:

Handle: paragraphPictures
Type: Local folder
Path: ./uploads/images/paragraphPictures/
URL: /uploads/images/paragraphPictures/

image-transform details as follows:

Handle: frontpageNewsPicture
Mode: Crop
Crop Position: Center Center
Width: 492
Height: 348
Quality: Auto
Format: png

'generateTransformsBeforePageLoad' => true is set in craft/config/general.php

folder-permissions as follows:

public/images including all sub-folders and files are owned by apache:apache (the user that runs the apache service) with 777 rights

template-example

{% if entries|length %}
    <ul class="entry-list clear">
        {% for entry in entries %}
            {% set entryUrl = entry.url %}
            {% set picture = entry.pictures.first() %}
            <li>
                <div class="entry-container">
                        {% if picture %}
                        {% set picData = craft.norsok.getPicData(picture) %}
                        {% set maxWidth = picture.getWidth('frontpageNewsPicture') %}
                        <a class="entry-image" href="{{ entryUrl }}">
                            <img class="entry-picture"
                                     src="{{ picture.getUrl('frontpageNewsPicture') }}"
                                     style="max-width: {{ maxWidth }}px;"
                                     title="{{ picData['title'] }}"
                                     alt="{{ picData['altText'] }}" />
                        </a>
                    {% endif %}
                    <h3 class="entry-name">
                        <a href="{{ entryUrl }}">{{ entry.title }}</a>
                    </h3>
                    <h4 class="entry-ingress">
                        <a href="{{ entryUrl }}">{{ entry.ingress }}</a>
                    </h4>
                </div>
            </li>
        {% endfor %}
    </ul>
{% endif %}

this is what the page-source looks like

<img class="entry-picture" src="http://norsok.tibe.no/cpresources/transforms/1?x=bptVEjjgx" style="max-width: 492px;" title="Stengelnematode G  Taksdal" alt="En Stengelnematode (Foto: G. Taksdal)">

and this is what my console tells me

GET http://norsok.tibe.no/cpresources/transforms/2?x=bptVEjjgx 500 (Internal Server Error)
GET http://norsok.tibe.no/cpresources/transforms/1?x=bptVEjjgx 500 (Internal Server Error)

the actual images are located here:

http://norsok.tibe.no/uploads/images/paragraphPictures/img-9889-kraftfor-1-foto-anita-land.jpg http://norsok.tibe.no/uploads/images/paragraphPictures/StengelnematodeG.Taksdal.jpg

At this point I am completely baffled and pray to the Stack Exchange-gods for assistance :)

Answer 1

Turns out this had to do with imagemagick (or one of its subpackages) not being compiled in a way that Craft 2.5 thinks fondly of, which we discovered after editing the bootstrap to turn off all custom error-logging.

Answer 2

If I load http://norsok.tibe.no/cpresources/transforms/1?x=bptVEjjgx, then I got a 404 instead of a 500, but maybe you've changed something with the transforms so that URL is no longer valid.

The 500 ISE is either coming from Craft (in which case the underlying error message will be in your craft/storage/runtime/logs files or it's coming from your web server (in which case it will be in your web server's error logs).

Once you find that message, that should help you debug why the transform is failing.