전문 QR 코드 생성기

브라우저에서 로컬로 QR 코드를 생성하며, 스타일(모양/위치 지정점), 그라데이션, 로고, 외곽선 및 공유를 지원합니다. 데이터를 업로드하지 않으며, 영구 무료, 워터마크 없습니다.

영구 무료 워터마크 없음 순수한 로컬 생성 PNG / SVG

QR 코드 생성기

빠른 스타일 사전 설정 한 번 클릭으로 적용하고, 나중에 스타일 설정에서 미세 조정하세요.
스타일 설정
외곽선
고급 설정
그라데이션
로고
PNG 모드에서만 지원됩니다. 이미지는 로컬에서 처리되며 업로드되지 않습니다.
logo preview
힌트: 스타일은 PNG 캔버스에만 적용됩니다. SVG 사용자 정의 렌더링이 곧 제공될 예정입니다.
미리보기
내용과 스타일을 입력하거나 수정하면 자동으로 미리보기가 표시됩니다.

다운로드한 이미지에는 어떠한 워터마크도 없으며, 도구는 영구 무료로 사용할 수 있습니다.

사용 방법

  • 유형(URL, 텍스트, WiFi, vCard, 문자 메시지, 이메일)을 선택하고 내용을 입력하거나 붙여넣습니다.
  • 크기, 여백, 색상, 오류 수정 수준, 스타일(모양/위치 지정점), 그라데이션, 로고, 외곽선 등을 조정합니다.
  • PNG 또는 SVG 형식을 선택합니다.
  • QR 코드가 자동으로 생성됩니다. 준비가 되면 '다운로드' 또는 '복사'할 수 있습니다.
  • 로고를 사용하거나 복잡한 스타일을 적용할 때는 오류 수정 수준을 H로 높이고 충분한 여백(빈 공간)을 확보하는 것이 좋습니다.
  • 인쇄/전시용으로 사용할 때는 전경-배경의 높은 대비를 유지하고 너무 작은 크기와 과도한 왜곡을 피하세요.

기능 특성

  • 순수한 프론트엔드에서 생성(업로드하지 않음)
  • PNG와 SVG 출력 지원
  • 스타일 사용자 지정 가능: 모양, 위치 지정점, 둥근 모서리, 간격
  • 그라데이션(다중 색상, 다중 방향)
  • 로고 중첩(자동으로 오류 수정 수준을 높일 수 있음)
  • 외곽선과 테두리(둥근 모서리 카드 스타일)
  • 공유 및 클립보드(링크/이미지)
  • 다국어 및 테마 지원

定位点(Finder)란 무엇입니까?

QR 코드 네 모서리의 세 개의 큰 사각형을 定位点(Finder)이라고 하며, 카메라가 QR 코드의 위치와 각도를 빠르게 찾아 편차 보정과 디코딩을 수행하는 데 도움이 됩니다. 일반적으로 검정색 외곽, 흰색 내부, 검정색 중심의 7×7 모듈 구조로 구성되어 있습니다.

  • 역할:빠른 위치 찾기, 회전 보정, 원근 보정.
  • 스타일:이 도구는 사각형, 둥근 모서리, '원점 스타일'의 위치 찾기 표시 렌더링을 지원합니다(스타일 → Finder에서 선택).

QR 코드는 누가 발명했나요?

QR 코드는 1994년에 일본의 Denso Wave 회사 엔지니어 原昌宏(Masahiro Hara)에 의해 발명되었습니다. QR은 'Quick Response(빠른 응답)'의 약자입니다.

  • 발명 동기:자동차 부품 생산 라인의 식별 효율을 향상시키고 일차원 바코드의 용량과 읽기 속도 제한을 극복하기 위해.
  • 디자인 영감:바둑의 흑백 바둑알과 행렬 패턴이 '모듈화 + 위치 찾기 그래픽'의 강력한 디자인을 영감주었습니다.
  • 특허료를 지불하지 않는 이유:Denso Wave는 상표와 일부 특허를 보유하고 있지만 생태계 보급을 촉진하기 위해 명시적으로 무료로 사용할 수 있도록 개방했습니다(상업용도 지원, 라이선스료 무료).

표준 규격 및 사용 권장 사항

  • 국제 표준:ISO/IEC 18004(QR 코드 2D 기호 규격)으로 버전, 마스크, 오류 수정, 그래픽 구조 등을 정의합니다.
  • 오류 수정 등급:L/M/Q/H 4단계(약 7%/15%/25%/30% 복구 가능), 로고를 겹치는 경우 더 높은 등급을 권장합니다.
  • 인코딩 내용:텍스트, URL, vCard, Wi-Fi 등, 해당 URI/데이터 형식 규격을 준수하는 것이 좋습니다(예: WIFI:T:WPA;S:SSID;P:PASS;;).
  • 인쇄 및 디스플레이:전경/배경 대비와 안전 영역 크기를 확보하세요. 과도한 왜곡, 너무 작은 크기, 너무 밀집된 텍스처 간섭을 피하세요.
  • 접근성:중요한 경우 대체 텍스트/링크를 제공하여 QR 코드만을 유일한 입구로 사용하지 않도록 하세요.

프로그래밍 언어로 QR 코드 생성하기

다음은 입문과 스캐폴딩에 적합한 일반적인 언어의 최소한의 예제입니다:

JavaScript(Node/Browser)
// Node: npm i qrcode
const QRCode = require('qrcode');
QRCode.toFile('qrcode.png', 'https://example.com', { errorCorrectionLevel: 'M' });

// Browser (Canvas):
// <script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/browser.min.js"></script>
QRCode.toCanvas(document.getElementById('canvas'), 'Hello QR', { width: 256 });
Python
# pip install qrcode[pil]
import qrcode
img = qrcode.make('https://example.com')
img.save('qrcode.png')
PHP
// composer require endroid/qr-code
use Endroid\QrCode\QrCode;
use Endroid\QrCode\Writer\PngWriter;

$qr = QrCode::create('https://example.com');
$writer = new PngWriter();
$result = $writer->write($qr);
$result->saveToFile(__DIR__.'/qrcode.png');
Go
// go get -u github.com/skip2/go-qrcode
package main

import "github.com/skip2/go-qrcode"

func main() {
    qrcode.WriteFile("https://example.com", qrcode.Medium, 256, "qrcode.png")
}
Java
// Maven: com.google.zxing:core, com.google.zxing:javase
// Minimal ZXing example
import com.google.zxing.BarcodeFormat;
import com.google.zxing.common.BitMatrix;
import com.google.zxing.qrcode.QRCodeWriter;
import com.google.zxing.client.j2se.MatrixToImageWriter;
import java.awt.image.BufferedImage;
import java.io.File;
import javax.imageio.ImageIO;

public class Main {
  public static void main(String[] args) throws Exception {
    QRCodeWriter writer = new QRCodeWriter();
    BitMatrix matrix = writer.encode("https://example.com", BarcodeFormat.QR_CODE, 256, 256);
    BufferedImage image = MatrixToImageWriter.toBufferedImage(matrix);
    ImageIO.write(image, "png", new File("qrcode.png"));
  }
}
Rust
// Cargo.toml
// qrcode = "0.13" 
// image = "0.24"

use qrcode::QrCode;
use image::Luma;

fn main() {
    let code = QrCode::new("https://example.com").unwrap();
    let image = code.render<Luma<u8>>().min_dimensions(256, 256).build();
    image.save("qrcode.png").unwrap();
}

참고: 서로 다른 라이브러리가 지원하는 스타일 기능은 크게 다릅니다. 고급 스타일(원점, 그라데이션, 위치 찾기 표시 스타일, 외곽 등)이 필요한 경우 이 도구에서 PNG/SVG를 생성한 후 직접 사용할 수 있습니다.