Revision as of 08:52, 13 January 2010

This is a protected page.

APPLICATION AREAS
Home Interface Conception & Design User Interface Evaluation Interface Development
PROJECTS
Pattern Library Publication Management Digitization Lifecycle Research- and Metadata Handling Usability Report Corporate & Interface Design (under Rework) Page Index
edit

Source Images Properties

Examples from source images

dt9bg18q+bd2=d0001:

Resolution: 72px Width: 3072 Pixel Height: 3840 Pixel

Ratio: 1.25

dt9bg20q+bd5-6_druck2=d0001:

Resolution: 72px Width: 3072 Pixel Height: 3840 Pixel

Ratio: 1.25

Preparation of images for web usage

The following prerequisites need to be considered:

Aspect ration

Needs to be considered in any case. This can be achieved if

only a percentage is handed over for resize
only the horizontal with is handed over for resize

Resolution

The resolution should be at 72px for screen display. This means one pixel of the image is mapped to exactly one pixel of the target resolution of the client.

Dimensions

In order not to run in problems with the aspect ration the dimensions further on only refer to the width of the image.

The maximum of available space defined in the prototype for R3 is 375px horizontal width.

The defined space in the interface is:

Small View: 144px
Medium view (2 columns):

Difference between revisions of "Interface Concept: ViRR Image Size"

Revision as of 08:52, 13 January 2010

Contents

Source Images Properties

Preparation of images for web usage

Aspect ration

Resolution

Dimensions

Navigation menu

Search

@@ Line 2: / Line 2: @@
 {{Template:TemplateUIE_Activities}}
 <div style="float:left; width:70%; margin-bottom:3em;">
-=Source Images=
+=Source Images Properties=
+Examples from source images
+dt9bg18q+bd2=d0001:
+Resolution: 72px
+Width: 3072 Pixel
+Height: 3840 Pixel
+Ratio: 1.25
+dt9bg20q+bd5-6_druck2=d0001:
+Resolution: 72px
+Width: 3072 Pixel
+Height: 3840 Pixel
+Ratio: 1.25
+=Preparation of images for web usage=
+The following prerequisites need to be considered:
+==Aspect ration==
+Needs to be considered in any case. This can be achieved if
+* only a percentage is handed over for resize
+* only the horizontal with is handed over for resize
+==Resolution==
+The resolution should be at 72px for screen display. This means one pixel of the image is mapped to exactly one pixel of the target resolution of the client.
+=Dimensions=
+In order not to run in problems with the aspect ration the dimensions further on only refer to the width of the image.
+The maximum of available space defined in the prototype for R3 is 375px horizontal width.
+The defined space in the interface is:
+* Small View: 144px
+* Medium view (2 columns):