Skip to content

Commit 8fd42aa

Browse files
committed
feat: update image import instructions for mobile users to enhance usability
1 parent ae27a98 commit 8fd42aa

File tree

2 files changed

+3
-3
lines changed

2 files changed

+3
-3
lines changed

README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -74,7 +74,7 @@
7474

7575
## 4) Image handling
7676

77-
* **Import**: Camera (`<input type="file" accept="image/*" capture="environment">`) or gallery.
77+
* **Import**: Native file picker (`<input type="file" accept="image/*">`) lets mobile users capture a new photo or pull one from their gallery without leaving the flow.
7878
* **Orientation**: Apply EXIF orientation, then **strip EXIF** (privacy).
7979
* **Storage**: **Only optimized display** version, long edge ≈ **4096 px**, **WebP/AVIF** (JPEG fallback), sRGB.
8080
* **Max per map**: 25–50 MB (config). Oversize → auto-downscale + toast.

index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -61,9 +61,9 @@ <h2 class="text-2xl font-semibold text-slate-100">Import map photo</h2>
6161
<p class="text-sm text-slate-300">Choose a sharp, well-lit image of your trailboard or printed map. Snap2Map keeps only an optimized copy on your device.</p>
6262
<label class="block w-full">
6363
<span class="sr-only">Upload map image</span>
64-
<input id="mapImageInput" type="file" accept="image/*" capture="environment" class="block w-full text-sm text-slate-200 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold file:bg-blue-600 file:text-white hover:file:bg-blue-500">
64+
<input id="mapImageInput" type="file" accept="image/*" class="block w-full text-sm text-slate-200 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold file:bg-blue-600 file:text-white hover:file:bg-blue-500">
6565
</label>
66-
<p class="text-xs text-slate-400">Tip: On mobile you can snap a picture directly using your camera.</p>
66+
<p class="text-xs text-slate-400">Tip: Mobile browsers let you take a new photo or pick one from your gallery when you tap the button above.</p>
6767
</div>
6868
</div>
6969
<div id="photoMap" class="h-full w-full min-h-[55vh] sm:min-h-[60vh] lg:min-h-[65vh]"></div>

0 commit comments

Comments
 (0)