Image sizing

Hey everyone,

I’ve added a rough guide for image sizing in CommCare multimedia to the
wiki https://wiki.commcarehq.org/display/commcarepublic/Images+in+CommCare
(copied
below). If you believe any of this information is inaccurate or if you have
other phone models to add, please go ahead and edit the page. We did not
test exhaustively but found these numbers to be a good guideline.

thanks,
Cory

Image Sizes

It is important for the images to be sized appropriately so that the entire
question and options fit on a single screen without scrolling. Depending on
the phone model and question type some common image sizes are used. The
following table is useful. When you use new phone models with different
sizes please add information to the table. File sizes are in the format
width x height in pixels. These are meant only as a guideline, and are not
exact.
Question Type Nokia 2700c/C2 Text, number or date Input, single line of
text for prompt 225 x 175 Label input, single line of text for prompt 225 x
175 Two option select input (e.g. yes/no), single line of text for
prompt225 x 140 Each
additional line of text for prompt Subtract 25 pixels from height Each
additional option for a select question Subtract 30 pixels from height

This information is super useful, thanks for adding it!

Do we want to possibly add rough breakdowns of how much text will fit on one
line for each screen? Seems useful for planning out huge forms.

Also: The new CC-Sense interface removes the top title bar, is that taken
into account here?

-Clayton

··· On Thu, Jul 21, 2011 at 3:26 AM, Cory Zue wrote:

Hey everyone,

I’ve added a rough guide for image sizing in CommCare multimedia to the
wiki https://wiki.commcarehq.org/display/commcarepublic/Images+in+CommCare (copied
below). If you believe any of this information is inaccurate or if you have
other phone models to add, please go ahead and edit the page. We did not
test exhaustively but found these numbers to be a good guideline.

thanks,
Cory

Image Sizes

It is important for the images to be sized appropriately so that the entire
question and options fit on a single screen without scrolling. Depending on
the phone model and question type some common image sizes are used. The
following table is useful. When you use new phone models with different
sizes please add information to the table. File sizes are in the format
width x height in pixels. These are meant only as a guideline, and are not
exact.
Question Type Nokia 2700c/C2 Text, number or date Input, single line of
text for prompt 225 x 175 Label input, single line of text for prompt 225
x 175 Two option select input (e.g. yes/no), single line of text for
prompt 225 x 140 Each additional line of text for prompt Subtract 25
pixels from height Each additional option for a select question Subtract
30 pixels from height

Thanks so much for the documentation! I’m sure it will be valuable!

Curious what software did you use to re-size. Anything open source and
free- besides Paint and Photoshop?

Thanks,

··· On Jul 21, 11:05 pm, Clayton Sims wrote: > This information is super useful, thanks for adding it! > > Do we want to possibly add rough breakdowns of how much text will fit on one > line for each screen? Seems useful for planning out huge forms. > > Also: The new CC-Sense interface removes the top title bar, is that taken > into account here? > > -Clayton > > > > > > > > On Thu, Jul 21, 2011 at 3:26 AM, Cory Zue wrote: > > Hey everyone, > > > I've added a rough guide for image sizing in CommCare multimedia to the > > wikihttps://wiki.commcarehq.org/display/commcarepublic/Images+in+CommCare(copied > > below). If you believe any of this information is inaccurate or if you have > > other phone models to add, please go ahead and edit the page. We did not > > test exhaustively but found these numbers to be a good guideline. > > > thanks, > > Cory > > > Image Sizes > > > It is important for the images to be sized appropriately so that the entire > > question and options fit on a single screen without scrolling. Depending on > > the phone model and question type some common image sizes are used. The > > following table is useful. When you use new phone models with different > > sizes please add information to the table. File sizes are in the format > > width x height in pixels. These are meant only as a guideline, and are not > > exact. > > Question Type Nokia 2700c/C2 Text, number or date Input, single line of > > text for prompt 225 x 175 Label input, single line of text for prompt 225 > > x 175 Two option select input (e.g. yes/no), single line of text for > > prompt 225 x 140 Each additional line of text for prompt Subtract 25 > > pixels from height Each additional option for a select question Subtract > > 30 pixels from height

This information is super useful, thanks for adding it!

Do we want to possibly add rough breakdowns of how much text will fit on
one line for each screen? Seems useful for planning out huge forms.

That would be a good thing to do, though I don’t have that information off
the top of my head.

Also: The new CC-Sense interface removes the top title bar, is that taken
into account here?

No I didn’t know anything about that. Perhaps we need a new column (or
second table) for CC-Sense? This is a different UI than regular
CC-Multimedia, right?

··· On Thu, Jul 21, 2011 at 11:35 PM, Clayton Sims wrote:

-Clayton

On Thu, Jul 21, 2011 at 3:26 AM, Cory Zue czue@dimagi.com wrote:

Hey everyone,

I’ve added a rough guide for image sizing in CommCare multimedia to the
wiki
https://wiki.commcarehq.org/display/commcarepublic/Images+in+CommCare (copied
below). If you believe any of this information is inaccurate or if you have
other phone models to add, please go ahead and edit the page. We did not
test exhaustively but found these numbers to be a good guideline.

thanks,
Cory

Image Sizes

It is important for the images to be sized appropriately so that the
entire question and options fit on a single screen without scrolling.
Depending on the phone model and question type some common image sizes are
used. The following table is useful. When you use new phone models with
different sizes please add information to the table. File sizes are in the
format width x height in pixels. These are meant only as a guideline, and
are not exact.
Question Type Nokia 2700c/C2 Text, number or date Input, single line of
text for prompt 225 x 175 Label input, single line of text for prompt 225
x 175 Two option select input (e.g. yes/no), single line of text for
prompt 225 x 140 Each additional line of text for prompt Subtract 25
pixels from height Each additional option for a select question Subtract
30 pixels from height

I’m quite partial to Paint.Net http://www.getpaint.net/ for quick image
edits (not sure if it’s open source though). For more heavy duty editing,
Gimp is the free open-source alternative to Photoshop most people use I
think.

··· On Thu, Jul 21, 2011 at 9:43 PM, Mohini Bhavsar wrote:

Thanks so much for the documentation! I’m sure it will be valuable!

Curious what software did you use to re-size. Anything open source and
free- besides Paint and Photoshop?

Thanks,

On Jul 21, 11:05 pm, Clayton Sims cs...@dimagi.com wrote:

This information is super useful, thanks for adding it!

Do we want to possibly add rough breakdowns of how much text will fit on
one
line for each screen? Seems useful for planning out huge forms.

Also: The new CC-Sense interface removes the top title bar, is that taken
into account here?

-Clayton

On Thu, Jul 21, 2011 at 3:26 AM, Cory Zue c...@dimagi.com wrote:

Hey everyone,

I’ve added a rough guide for image sizing in CommCare multimedia to the
wikihttps://
wiki.commcarehq.org/display/commcarepublic/Images+in+CommCare(copied

below). If you believe any of this information is inaccurate or if you
have

other phone models to add, please go ahead and edit the page. We did
not

test exhaustively but found these numbers to be a good guideline.

thanks,
Cory

Image Sizes

It is important for the images to be sized appropriately so that the
entire

question and options fit on a single screen without scrolling.
Depending on

the phone model and question type some common image sizes are used. The
following table is useful. When you use new phone models with different
sizes please add information to the table. File sizes are in the format
width x height in pixels. These are meant only as a guideline, and are
not

exact.
Question Type Nokia 2700c/C2 Text, number or date Input, single line
of

text for prompt 225 x 175 Label input, single line of text for prompt
225

x 175 Two option select input (e.g. yes/no), single line of text for
prompt 225 x 140 Each additional line of text for prompt Subtract 25
pixels from height Each additional option for a select question
Subtract

30 pixels from height

The UI is different, but mostly in terms of interaction, rather than in
terms of relative sizing. These directions should probably be fine for sense
for now, since vertical space is rarely the limiting factor for images
anyway.

-Clayton

··· On Thu, Jul 21, 2011 at 10:40 PM, Cory Zue wrote:

On Thu, Jul 21, 2011 at 11:35 PM, Clayton Sims csims@dimagi.com wrote:

This information is super useful, thanks for adding it!

Do we want to possibly add rough breakdowns of how much text will fit on
one line for each screen? Seems useful for planning out huge forms.

That would be a good thing to do, though I don’t have that information off
the top of my head.

Also: The new CC-Sense interface removes the top title bar, is that taken
into account here?

No I didn’t know anything about that. Perhaps we need a new column (or
second table) for CC-Sense? This is a different UI than regular
CC-Multimedia, right?

-Clayton

On Thu, Jul 21, 2011 at 3:26 AM, Cory Zue czue@dimagi.com wrote:

Hey everyone,

I’ve added a rough guide for image sizing in CommCare multimedia to the
wiki
https://wiki.commcarehq.org/display/commcarepublic/Images+in+CommCare (copied
below). If you believe any of this information is inaccurate or if you have
other phone models to add, please go ahead and edit the page. We did not
test exhaustively but found these numbers to be a good guideline.

thanks,
Cory

Image Sizes

It is important for the images to be sized appropriately so that the
entire question and options fit on a single screen without scrolling.
Depending on the phone model and question type some common image sizes are
used. The following table is useful. When you use new phone models with
different sizes please add information to the table. File sizes are in the
format width x height in pixels. These are meant only as a guideline, and
are not exact.
Question Type Nokia 2700c/C2 Text, number or date Input, single line
of text for prompt 225 x 175 Label input, single line of text for prompt225 x 175 Two
option select input (e.g. yes/no), single line of text for prompt 225 x
140 Each additional line of text for prompt Subtract 25 pixels from
height Each additional option for a select question Subtract 30 pixels
from height

I’m quite partial to Paint.Net http://www.getpaint.net/ for quick image
edits (not sure if it’s open source though). For more heavy duty editing,
Gimp is the free open-source alternative to Photoshop most people use I
think.\

+1 on Paint.NET for windows users.

··· On Fri, Jul 22, 2011 at 7:33 AM, Anton de Winter wrote:

On Thu, Jul 21, 2011 at 9:43 PM, Mohini Bhavsar mbhavsar@dimagi.comwrote:

Thanks so much for the documentation! I’m sure it will be valuable!

Curious what software did you use to re-size. Anything open source and
free- besides Paint and Photoshop?

Thanks,

On Jul 21, 11:05 pm, Clayton Sims cs...@dimagi.com wrote:

This information is super useful, thanks for adding it!

Do we want to possibly add rough breakdowns of how much text will fit on
one
line for each screen? Seems useful for planning out huge forms.

Also: The new CC-Sense interface removes the top title bar, is that
taken
into account here?

-Clayton

On Thu, Jul 21, 2011 at 3:26 AM, Cory Zue c...@dimagi.com wrote:

Hey everyone,

I’ve added a rough guide for image sizing in CommCare multimedia to
the

wikihttps://
wiki.commcarehq.org/display/commcarepublic/Images+in+CommCare(copied

below). If you believe any of this information is inaccurate or if you
have

other phone models to add, please go ahead and edit the page. We did
not

test exhaustively but found these numbers to be a good guideline.

thanks,
Cory

Image Sizes

It is important for the images to be sized appropriately so that the
entire

question and options fit on a single screen without scrolling.
Depending on

the phone model and question type some common image sizes are used.
The

following table is useful. When you use new phone models with
different

sizes please add information to the table. File sizes are in the
format

width x height in pixels. These are meant only as a guideline, and are
not

exact.
Question Type Nokia 2700c/C2 Text, number or date Input, single line
of

text for prompt 225 x 175 Label input, single line of text for prompt
225

x 175 Two option select input (e.g. yes/no), single line of text for
prompt 225 x 140 Each additional line of text for prompt Subtract 25
pixels from height Each additional option for a select question
Subtract

30 pixels from height