Wondering if this makes sense to anyone or what is meant by this: Create a 3.25 inch tall x 2 inch wide JPEG graphic for a website that will be linked to a new Learning Management System (LMS). The graphic will be used on both member and public web pages, each with different login URLs.
I am assuming the intent was to create this in pixels, yet would there be a reason to make it vertical? Could they have meant to create a banner or a button for someone to click? Any thoughts are appreciated…
Sounds like a vertical banner. I wouldn’t overthink it.
What you were given is using print-style dimensions (inches) rather than screen units, which is why it feels off. To convert it to pixels, you need an assumed resolution (PPI). For web graphics, the common baseline is 72 PPI, though many work at 96 PPI or even 2× for retina clarity.
72 PPI
234 × 144 pixels
96 PPI (more modern baseline)
312 × 192 pixels
At 2× (retina-ready, recommended)
624 × 384 pixels (then displayed at half size via CSS)
The proportions (taller than wide) indicate a vertical tile/card, not a banner.
It’s intended as a clickable link to the LMS (Member Login” / “Public Access). Do they require 2 versions of same, or with alternate text for Member/Public?
Why inches were used?
For web, inches are meaningless unless paired with PPI so you’re right to question it.
Practically
Design it at 624 × 384 px (retina-safe)
Keep important content centered (safe margins)
Export as JPEG (or PNG if you need sharper text/logos)
One thing to clarify before proceeding, it would be worth confirming whether it’s meant to behave like a button vs. a content tile (need different states/rollover/clicked etc.)