[TYPO3-english] high resolution images

Xavier Perseguers xavier at typo3.org
Mon Oct 15 16:21:25 CEST 2012


Hi,

There are a few pointers and ideas on this page (pure CSS, JS-based, ...):

http://benfrain.com/how-to-serve-high-resolution-website-images-for-retina-displays-new-ipadiphone4/

Maybe this gives useful hints

Kind regards
Xavier

Loek Hilgersom wrote:
> 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

-- 
Xavier Perseguers
Release Manager TYPO3 4.6

TYPO3 .... inspiring people to share!
Get involved: http://typo3.org



More information about the TYPO3-english mailing list