Generator oraz skaner kodów QR do wstawienia na własną stronę

Prosty generator oraz czytnik kodów QR do wstawienia na własną stronę www.

Generator oraz skaner kodów QR z kodami do wstawienia na własną stronę
Prosty generator oraz czytnik kodów QR do wstawienia na własną stronę www.
7 Min czytania

Co to jest kod QR?

 

Kod QR (ang. Quick Response, czyli szybka odpowiedź) to alfanumeryczny, dwuwymiarowy, matrycowy, kwadratowy kod graficzny, który został opracowany przez japońskie przedsiębiorstwo Denso Wave w 1994 roku. Oto kilka podstawowych informacji na temat kodów QR:

 

  1. Czym jest kod QR?
    • Kod QR to wzór czarnych i białych kwadratów ułożonych w siatkę. Jest to dwuwymiarowa wersja kodu kreskowego.
    • Początkowo kod QR został stworzony do oznaczania komponentów w produkcji samochodów, aby zoptymalizować procesy logistyczne.
    • Skrót “QR” oznacza “Quick Response”, podkreślając szybki dostęp do informacji ukrytych w kodzie.
  2. Zalety korzystania z kodów QR:
    • Kody QR umożliwiają szybki dostęp do informacji, dlatego są używane w marketingu, etykietowaniu produktów i innych zastosowaniach.
    • Mogą kodować różne rodzaje danych, takie jak adresy URL, dane kontaktowe, tekst itp.
  3. Jak odczytywać kod QR?
    • Aby odczytać kod QR, potrzebujesz smartfona z kamerą oraz aplikacji do skanowania kodów QR.
    • Wystarczy zeskanować kod aparatem, a aplikacja automatycznie odczyta zawartość, np. otworzy stronę internetową lub wyświetli tekst.

 

Kody QR są używane w wielu dziedzinach, od reklamy po logistykę. Ich popularność rośnie, a świadomość na temat ich funkcji jest coraz większa.

Generator obsługuje wiele typów treści: zwykły tekst, adresy URL, dane sieci WiFi (z automatycznym łączeniem po zeskanowaniu), wizytówki vCard (zapisywane bezpośrednio w kontaktach telefonu) oraz szybkie akcje typu telefon, SMS, email czy współrzędne geograficzne. Czytnik wykorzystuje bibliotekę jsQR i działa w czasie rzeczywistym, zapisując historię skanowań.

Generator oraz czytnik kodów QR

Generator QR

0
Wygenerowane
0
Zeskanowane
Kod
Tło

Kod QR pojawi się tutaj po naciśnięciu „Generuj QR"

Czytnik QR

Kamera zostanie uruchomiona po naciśnięciu „Uruchom Skaner"
Wyniki skanowania pojawią się tutaj...

Historia skanowań jest pusta

Jak używać aplikacji:

 

Aplikacja składa się z dwóch głównych modułów: Generatora QR (po lewej)oraz Czytnika QR (po prawej). Oba działają niezależnie i mogą być używane jednocześnie.

 

🎨 Generator QR – krok po kroku

 

    1. Wybierz typ treści – kliknij jedną z zakładek: Tekst/URL, WiFi, Wizytówka lub Kontakt.
    2. Wypełnij dane – w zależności od wybranej zakładki wprowadź odpowiednie informacje (np. adres URL, dane WiFi, dane kontaktowe).
    3. Dostosuj wygląd – wybierz kolor kodu, kolor tła oraz rozmiar (150–500 px).
    4. Wygeneruj kod – kliknij przycisk ✨ Generuj QR.
    5. Pobierz lub udostępnij – użyj przycisków 💾 Pobierz PNG, 📋 Kopiuj lub 📤 Udostępnij.

 

📷 Czytnik QR – krok po kroku

 

    1. Uruchom kamerę – kliknij 📷 Uruchom Skaner i zezwól na dostęp do kamery.
    2. Nakieruj na kod QR – kod zostanie automatycznie rozpoznany, a jego treść wyświetlona poniżej.
    3. Lub wczytaj obraz – kliknij pole „📁 Lub wczytaj obraz” i wybierz plik z kodem QR.
    4. Zarządzaj wynikiem – skopiuj treść, otwórz URL lub przeglądaj historię skanowań.

Wskazówka: Statystyki wygenerowanych i zeskanowanych kodów są zapisywane lokalnie w Twojej przeglądarce – nikt inny ich nie zobaczy.

Główne funkcje aplikacji

 

    • Generator kodów QR – Tworzenie kodów QR dla różnych typów treści z możliwością personalizacji kolorów i rozmiaru.
    • Kody WiFi – Generowanie kodów QR z danymi sieci WiFi – po zeskanowaniu telefon automatycznie łączy się z siecią.
    • Wizytówki vCard – Tworzenie kodów z danymi kontaktowymi w formacie vCard – po zeskanowaniu zapisują się w kontaktach telefonu.
    • Kontakt – Kody do dzwonienia, SMS-ów, emaili oraz współrzędnych geograficznych – natychmiastowa akcja po zeskanowaniu.
    • Skanowanie kamerą – Czytnik QR działający w czasie rzeczywistym z wykorzystaniem kamery urządzenia i biblioteki jsQR.
    • Skanowanie z obrazu – Możliwość wczytania obrazu z kodem QR z dysku – idealne do skanowania zrzutów ekranu i zdjęć.
    • Personalizacja wyglądu – Wybór koloru kodu, koloru tła oraz rozmiaru (150–500 px) – kody idealnie dopasowane do Twoich potrzeb.
    • Historia i statystyki – Zapisywanie historii skanowań oraz licznik wygenerowanych i zeskanowanych kodów w localStorage.

Dla kogo jest ta aplikacja?

 

    • Właściciele firm – Tworzenie kodów QR z danymi kontaktowymi, WiFi dla klientów, linkami do strony czy promocjami.
    • Restauracje i kawiarnie – Kody QR z menu, danymi WiFi, linkami do rezerwacji stolików i opiniami w Google.
    • Organizatorzy wydarzeń – Kody QR na zaproszeniach, biletach, plakatach – szybki dostęp do informacji o wydarzeniu.
    • Profesjonaliści – Wizytówki QR z danymi kontaktowymi – nowoczesna alternatywa dla tradycyjnych wizytówek papierowych.
    • Nauczyciele i uczniowie – Materiały edukacyjne z kodami QR prowadzącymi do źródeł, filmów, quizów online.
    • Użytkownicy domowi – Szybkie udostępnianie WiFi gościom, przesyłanie linków między urządzeniami, skanowanie kodów z produktów.

Najważniejsze cechy techniczne

 

    • Generator online – korzystanie z API qrserver.com do tworzenia kodów w wysokiej jakości.
    • Skanowanie w czasie rzeczywistym – wykorzystanie biblioteki jsQR do rozpoznawania kodów z kamery.
    • Obsługa wielu typów treści – tekst, URL, WiFi (WPA/WEP), vCard, tel, sms, mailto, geo.
    • Personalizacja wyglądu – wybór koloru kodu, koloru tła i rozmiaru (150–500 px).
    • Eksport i udostępnianie – pobieranie PNG, kopiowanie do schowka, udostępnianie przez Web Share API.
    • Skanowanie z obrazu – możliwość wczytania pliku graficznego z kodem QR.
    • Historia skanowań – zapis do 50 ostatnich skanów w localStorage.
    • Statystyki – licznik wygenerowanych i zeskanowanych kodów.
    • Responsywność – pełna obsługa na komputerach, tabletach i telefonach.
    • Prywatność – skanowanie odbywa się lokalnie, dane nie są wysyłane na serwery.
    • Dźwięk potwierdzenia – sygnał audio po udanym zeskanowaniu kodu.
    • Automatyczne wykrywanie URL – przycisk „Otwórz” pojawia się tylko dla linków.

Jak wstawić na swoją stronę

Jak wstawić zestaw do QR Code u siebie na stronie?

Można pobrać jedynie gotowy zestaw. Który jest w pełni edytowalny. Niektóre pliki są po prostu za duże do edycji tutaj na stronie.

Udostępnij ten post