Skip to content

Trình chuyển đổi GeoJSON sang PNG

Chuyển đổi GeoJSON sang hình ảnh raster PNG (Portable Network Graphics) với hỗ trợ độ trong suốt. Hoàn hảo cho thuyết trình, lớp phủ web và tài liệu in ấn.

Tại sao chọn PNG?

Hỗ trợ độ trong suốt

  • Kênh alpha — Các cạnh mịn không bị răng cưa
  • Nền trong suốt — Lớp phủ trên các đồ họa khác
  • Không viền trắng — Tích hợp sạch sẽ với thiết kế
  • Thành phần lớp — Xếp chồng nhiều bản đồ

Chất lượng không mất dữ liệu

  • Không có hiện tượng nén — Không giống như JPEG
  • Đường nét sắc nét — Ranh giới và nét vẽ rõ ràng
  • Độ chính xác màu sắc — Bảo toàn màu sắc chính xác
  • Chất lượng chuyên nghiệp — Phù hợp cho in ấn

Tương thích phổ biến

  • Mọi thiết bị — Máy tính để bàn, di động, máy tính bảng
  • Mọi phần mềm — PowerPoint, Photoshop, Word, v.v.
  • Sẵn sàng cho web — Thẻ <img>, nền CSS
  • An toàn cho email — Nhúng vào chữ ký email

Các trường hợp sử dụng

Thuyết trình — PowerPoint, Keynote, Google Slides
Tài liệu — Word, PDF, báo cáo
Lớp phủ web — Lớp phủ trên ảnh hoặc video
Tài liệu in ấn — Tờ rơi, áp phích, tài liệu quảng cáo
Mạng xã hội — Đồ họa với bản đồ trong suốt
Chỉnh sửa ảnh — Kết hợp với ảnh trong Photoshop

Cách chuyển đổi

  1. Tải lên tệp GeoJSON của bạn (kéo thả hoặc duyệt)
  2. Chọn định dạng PNG từ menu thả xuống
  3. Đặt chiều rộng (chiều cao tự động điều chỉnh để giữ tỷ lệ khung hình)
  4. Xem trước quá trình hiển thị bản đồ
  5. Tải xuống hình ảnh PNG của bạn

Công cụ tạo ra hình ảnh PNG chất lượng cao với nền trong suốt theo mặc định.

Cài đặt PNG

Điều chỉnh chiều rộng

  • Chiều rộng tùy chỉnh — Đặt chiều rộng pixel mong muốn (mặc định: 800px)
  • Chiều cao tự động — Duy trì tỷ lệ khung hình địa lý
  • Kích thước phổ biến:
    • 800px — Đồ họa web, mạng xã hội
    • 1200px — Thuyết trình, tài liệu
    • 2000px — Tài liệu in ấn, áp phích
    • 4000px — In ấn độ phân giải cao

Tính năng chất lượng

  • Khử răng cưa — Các cạnh mịn, không bị răng cưa
  • Độ trong suốt — Nền trong suốt
  • Màu sắc thực — Độ sâu màu RGB 24-bit
  • DPI cao — Hỗ trợ màn hình Retina/4K ở kích thước lớn hơn

Các trường hợp sử dụng phổ biến

Thuyết trình

  • Slide PowerPoint — Kéo thả vào slide
  • Đồ họa Keynote — Lớp phủ trong suốt
  • Google Slides — Định dạng thân thiện với web
  • Canvas Prezi — Lớp phủ trên nền

Tài liệu & Báo cáo

  • Tài liệu Word — Chèn vào báo cáo
  • Tệp PDF — Xuất bản đồ cho PDF
  • Bài nghiên cứu — Xuất bản học thuật
  • Báo cáo thường niên — Tài liệu doanh nghiệp

Thiết kế web

  • Hình ảnh tiêu đề — Đồ họa tiêu đề lớn
  • Lớp phủ biểu tượng — Biểu tượng dựa trên bản đồ
  • Lớp nền — Bối cảnh địa lý nhẹ nhàng
  • Yếu tố tương tác — Kết hợp với HTML/CSS

Mạng xã hội

  • Bài đăng Instagram — Bản đồ cắt vuông
  • Đồ họa Facebook — Hình ảnh có thể chia sẻ
  • Thẻ Twitter/X — Hình ảnh xem trước liên kết
  • Bài viết LinkedIn — Đồ họa chuyên nghiệp

In ấn & Hàng hóa

  • Tờ rơi — Bản đồ vị trí
  • Danh thiếp — Lớp phủ trong suốt
  • Áp phích — In ấn khổ lớn (sử dụng chiều rộng cao)
  • Áo thun — Hình ảnh sẵn sàng in chuyển

Mẹo để có kết quả tốt nhất

Chọn chiều rộng phù hợp

  • Sử dụng web: 800-1200px (tải nhanh)
  • Thuyết trình: 1200-1600px (màn hình HD)
  • In ấn: 2000-4000px (300 DPI ở kích thước 6-13 inch)
  • Mạng xã hội: 1080px (Instagram), 1200px (Twitter)

Tối ưu hóa kích thước tệp

  • Giảm chiều rộng — Kích thước tệp nhỏ hơn
  • Đơn giản hóa hình học — Ít tọa độ hơn = hình ảnh nhỏ hơn
  • Màu sắc đồng nhất — Giảm độ phức tạp của PNG
  • Tránh gradient — Tạo tệp lớn hơn

Mẹo chất lượng

  • Bắt đầu lớn hơn — Dễ dàng giảm kích thước hơn là tăng
  • Kiểm tra ở kích thước cuối cùng — Xác minh chất lượng ở kích thước sử dụng dự định
  • Kiểm tra độ trong suốt — Xem trên nền tối/sáng
  • Xem trước trước khi tải xuống — Xác minh quá trình hiển thị

Cân nhắc thiết kế

  • Trắng so với trong suốt — Chọn dựa trên nền
  • Hiển thị nét vẽ — Nét vẽ dày hơn cho kích thước nhỏ hơn
  • Đọc nhãn — Thêm nhãn trong phần mềm thiết kế sau khi xuất
  • Tương phản màu sắc — Đảm bảo hiển thị trên nền mục tiêu

Chi tiết kỹ thuật

Thông số định dạng

  • Định dạng: PNG-8 hoặc PNG-24 (RGB 24-bit + alpha 8-bit)
  • Nén: Không mất dữ liệu (không mất chất lượng)
  • Độ trong suốt: Hỗ trợ kênh alpha đầy đủ
  • Độ sâu màu: Hàng triệu màu

Độ phân giải

  • DPI: Phụ thuộc vào chiều rộng và kích thước hiển thị
  • Web: Tiêu chuẩn 72-96 DPI
  • In ấn: Tính toán: (chiều rộng pixel) / (inch) = DPI
    • Ví dụ: 3000px ÷ 10 inch = 300 DPI (chất lượng in)

Kích thước tệp

  • Thay đổi theo chiều rộng và độ phức tạp
  • Kích thước ví dụ:
    • Bản đồ đơn giản 800px: 20-50 KB
    • Bản đồ phức tạp 1200px: 100-200 KB
    • Bản đồ chi tiết 2000px: 300-500 KB
    • Độ phân giải cao 4000px: 800 KB - 2 MB

Tương thích trình duyệt

  • ✅ Hỗ trợ 100% phổ biến
  • ✅ Tất cả trình duyệt, tất cả thiết bị
  • ✅ Nền trong suốt hoạt động mọi nơi

Câu hỏi thường gặp

Tôi nên sử dụng chiều rộng nào?
Đối với sử dụng web, 800-1200px là lý tưởng. Đối với in ấn, sử dụng 2000px+ để đảm bảo 300 DPI ở kích thước in cuối cùng.

PNG có hỗ trợ độ trong suốt không?
Có! PNG có hỗ trợ kênh alpha đầy đủ với các cạnh mịn không bị răng cưa.

Tôi có thể sử dụng PNG cho in ấn không?
Có, nhưng hãy sử dụng chiều rộng lớn (2000-4000px) để đảm bảo độ phân giải đủ cho chất lượng in.

Làm thế nào để thay đổi màu nền?
PNG xuất ra với nền trong suốt theo mặc định. Để thêm nền, hãy mở trong trình chỉnh sửa hình ảnh (Photoshop, GIMP) và thêm một lớp bên dưới.

Tại sao tệp của tôi lại lớn như vậy?
Chiều rộng lớn và bản đồ phức tạp tạo ra tệp lớn hơn. Giảm chiều rộng hoặc đơn giản hóa hình học GeoJSON để giảm kích thước tệp.

Tôi có thể chỉnh sửa PNG sau khi xuất không?
PNG là định dạng raster, vì vậy bạn có thể chỉnh sửa pixel trong các trình chỉnh sửa hình ảnh (Photoshop, GIMP) nhưng không thể chỉnh sửa đường vector như SVG.

PNG so với JPEG?
Sử dụng PNG cho độ trong suốt và đường nét sắc nét. Sử dụng JPEG để có kích thước tệp nhỏ hơn khi không cần độ trong suốt.

PNG so với SVG?
Sử dụng SVG để mở rộng vô hạn và chỉnh sửa. Sử dụng PNG cho hình ảnh kích thước cố định với độ trong suốt trong phần mềm không hỗ trợ vector.

Xem thêm