[TYPO3-english] high resolution images

[Katja Lampela]

Hi,

An update to this. The goal is to create a press/print ready document, which is online and updatable for the client.

The css is based on mm and cm and points in fonts. This way I can create ready A4 documents, but of course the images was the problem, how to create high res images?

What I got working so far is a combination of things you told me. I upload the highres image, set in the template constants the image content element max width to 10000.

I first create the image ready in photoshop (crop it and also resolution 300 pix per inch) and check the width in pixels, let's say it's 2500 width. Then I put the image in the page with that width, 2500 and assign a class to it, say image1 (with oxylab_stdwrap with which you can easily add classes and styles to content elements, great ext BTW!).

And in my css is

.image1 img {width:180mm;height:90mm;}

It's quite not so flexible as one would hope, but it seems to work, that's the main thing :)


With kind regards

Katja Lampela
*Lieska-tuotanto*
www.lieska.net


15.10.2012 16:58, Loek Hilgersom kirjoitti:
> Hi Katja,
>
> I have never done this, but you could try this:
>
> Because browsers can also scale images, you can have TYPO3 render the images with a large pixel size, and still show them at a reasonable web-size by overruling the real picture size with CSS img width and height.
>
> I'm not sure what resolution browsers will output to the printer if you have a high-res image, which is scaled to a smaller size by CSS, but it's worth trying.
>
> Otherwise, you can add a print stylesheet to be able to render different sizes for the print version, while still having a normal website (only thing ofcourse is that downloading the images will take longer).
>
> The only difficulty I see is rendering variable image sizes using CSS styled content, you may have to tweak something there if you need that.
>
> Just some ideas, hope it's useful.
> Loek
>
>
>
>
> On 15-10-12 12:04, Katja Lampela wrote:
>> Hi,
>> Okay, great thank you all!
>> - Katja
>>
>>
>> 15.10.2012 9:41, bernd wilke kirjoitti:
>>> Am 14.10.2012 15:47, schrieb Katja Lampela:
>>>> Hi,
>>>>
>>>> I'm looking for a way to get high resolution print of a website. Now the
>>>> tough part obviously is the images, is there any way to increase the
>>>> image resolution in a TYPO3 installation. Any other hint how to do this?
>>>>
>>>
>>> "high resolution print" = "page width = 10000px" ?
>>>
>>>
>>> You only can integrate and output images with more pixels if you do your
>>> layout with more pixels.
>>>
>>> don't build pages with a width of 1000px or 2000px, but build pages with
>>> a width of 10000px.
>>>
>>> enhance the constants for maximum image width in the constant-editor
>>> from 600 to 8000 to get the ability to display immages with more pixels
>>> in the FE.
>>> and use bigger numbers in your CSS. e.g. enhance the fontsize from 12px
>>> to 120px.
>>>
>>> in the browser you may view the pages with a large minification.
>>>
>>> bernd