ಉಚಿತ ಪ್ಲೇಸ್‌ಹೋಲ್ಡರ್ ಚಿತ್ರ ಜನರೇಟರ್
ಕಸ್ಟಮ್ ಆಯಾಮಗಳು, ಪಠ್ಯ, ಮತ್ತು ಬಣ್ಣಗಳೊಂದಿಗೆ ಬಣ್ಣದ ಪ್ಲೇಸ್‌ಹೋಲ್ಡರ್ ಚಿತ್ರಗಳನ್ನು ರಚಿಸಿ. ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮ, ಮಾಕ್‌ಅಪ್‌ಗಳು, ಮತ್ತು ವಿನ್ಯಾಸ ಕಾಂಪ್‌ಗಳಿಗೆ ಪ್ರಮಾಣಿತ ಗಾತ್ರಗಳು.
ಪೂರ್ವನಿಗದಿತ ಗಾತ್ರಗಳು
ಬಣ್ಣದ ಥೀಮ್‌ಗಳು
💡 HTML ಮಾದರಿಗಳಿಗಾಗಿ: "ಡೇಟಾ URL ಆಗಿ ನಕಲಿಸಿ" ಆಯ್ಕೆಯನ್ನು ಬಳಸಿ ಮತ್ತು ಇನ್‌ಲೈನ್ ಪ್ಲೇಸ್‌ಹೋಲ್ಡರ್‌ಗಳಿಗಾಗಿ <img src="..."> ಗೆ ಅಂಟಿಸಿ. Figma / Sketch ವಿನ್ಯಾಸಗಳಿಗಾಗಿ, PNG ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ ಎಳೆಯಿರಿ.
ಇದು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ
ಎಲ್ಲವೂ ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ HTML Canvas API ಮತ್ತು ಕೈಬರಹದ SVG ಮಾರ್ಕಪ್ ಬಳಸಿ ನಡೆಯುತ್ತದೆ — ಸರ್ವರ್ ಇಲ್ಲ, ಅಪ್‌ಲೋಡ್ ಇಲ್ಲ, ಥರ್ಡ್-ಪಾರ್ಟಿ ಸೇವೆ ಇಲ್ಲ. ನೀವು ಆಯಾಮಗಳು, ಬಣ್ಣಗಳು, ಮತ್ತು ಲೇಬಲ್ ಪಠ್ಯ ಹೊಂದಿಸುತ್ತೀರಿ, ಮತ್ತು ಟೂಲ್ ನೈಜ ಸಮಯದಲ್ಲಿ ಚಿತ್ರವನ್ನು ನೇರವಾಗಿ ಕ್ಯಾನ್ವಾಸ್ ಎಲಿಮೆಂಟ್‌ಗೆ ಚಿತ್ರಿಸುತ್ತದೆ, ನಂತರ ಬೇಡಿಕೆಯ ಮೇಲೆ ಅದನ್ನು PNG, JPEG, ಅಥವಾ SVG ಗೆ ಸೀರಿಯಲೈಸ್ ಮಾಡುತ್ತದೆ.
- 1ಆಯಾಮಗಳು ಮತ್ತು ಬಣ್ಣಗಳನ್ನು ಕಾನ್ಫಿಗರ್ ಮಾಡಿಅಗಲ ಮತ್ತು ಎತ್ತರ ಟೈಪ್ ಮಾಡಿ (ಪ್ರತಿಯೊಂದೂ 1–4000 px), ಅಥವಾ ಸಾಮಾನ್ಯ ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮ ಮತ್ತು ವಿನ್ಯಾಸ ಗಾತ್ರಗಳನ್ನು ಒಳಗೊಂಡ ಹನ್ನೊಂದು ಪ್ರಿಸೆಟ್‌ಗಳಲ್ಲಿ ಒಂದನ್ನು ಆಯ್ಕೆಮಾಡಿ. ಅಂತರ್ನಿರ್ಮಿತ ಥೀಮ್‌ಗಳಿಂದ ಹಿನ್ನೆಲೆ ಮತ್ತು ಪಠ್ಯ ಬಣ್ಣ ಆಯ್ಕೆಮಾಡಿ ಅಥವಾ ಯಾವುದೇ ಹೆಕ್ಸ್ ಮೌಲ್ಯ ನೇರವಾಗಿ ನಮೂದಿಸಿ; ಸ್ಥಳೀಯ ಬಣ್ಣ ಆಯ್ಕೆಗಾರ ಮತ್ತು ಮಾನ್ಯೀಕರಿಸಿದ ಪಠ್ಯ ಫೀಲ್ಡ್ ಸಿಂಕ್‌ನಲ್ಲಿ ಉಳಿಯುತ್ತವೆ.
- 2Canvas API ಪೂರ್ವವೀಕ್ಷಣೆಯನ್ನು ತಕ್ಷಣ ರೆಂಡರ್ ಮಾಡುತ್ತದೆReact ಎಫೆಕ್ಟ್ ಪ್ರತಿ ಬದಲಾವಣೆಯಲ್ಲಿ drawPlaceholder() ಅನ್ನು ಕರೆಯುತ್ತದೆ. ಈ ಫಂಕ್ಷನ್ ಆಯತವನ್ನು ಹಿನ್ನೆಲೆ ಬಣ್ಣದಿಂದ ತುಂಬಿಸಲು CanvasRenderingContext2D ಬಳಸುತ್ತದೆ, ಐಚ್ಛಿಕವಾಗಿ 15% ಅಪಾರದರ್ಶಕತೆಯಲ್ಲಿ ಮಂದ ಕರ್ಣೀಯ ಕ್ರಾಸ್-ಹೇರ್ ರೇಖೆಗಳನ್ನು ಚಿತ್ರಿಸುತ್ತದೆ, ನಂತರ ನಿಮ್ಮ ಲೇಬಲ್ ಪಠ್ಯವನ್ನು ಅಳೆಯುತ್ತದೆ ಮತ್ತು ಕೇಂದ್ರ-ಜೋಡಣೆ ಮಾಡುತ್ತದೆ — ಇದು ಕ್ಯಾನ್ವಾಸ್ ಅಗಲದ 90% ಒಳಗೆ ಹೊಂದುವವರೆಗೆ ಫಾಂಟ್ ಅನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಕುಗ್ಗಿಸುತ್ತದೆ.
- 3PNG, JPEG, ಅಥವಾ SVG ಆಗಿ ಎಕ್ಸ್‌ಪೋರ್ಟ್ ಮಾಡಿPNG ಮತ್ತು JPEG ಡೌನ್‌ಲೋಡ್‌ಗಳು canvas.toDataURL() ಅನ್ನು ಕರೆಯುತ್ತವೆ, base64 ಫಲಿತಾಂಶವನ್ನು ಮೆಮೊರಿಯಲ್ಲಿ Blob ಗೆ ಪರಿವರ್ತಿಸುತ್ತವೆ, ಮತ್ತು ಡೌನ್‌ಲೋಡ್ ಪ್ರಚೋದಿಸುತ್ತವೆ — iOS Safari ಯ ಡೌನ್‌ಲೋಡ್ ನಿಯಮಗಳನ್ನು ಪೂರೈಸಲು ಎಲ್ಲವೂ ಬಳಕೆದಾರ ಸನ್ನೆಯೊಳಗೆ ಸಿಂಕ್ರೊನಸ್ ಆಗಿ ನಡೆಯುತ್ತವೆ. SVG ಎಕ್ಸ್‌ಪೋರ್ಟ್ ಹೊಂದಾಣಿಕೆಯ rect, ಐಚ್ಛಿಕ ಕರ್ಣೀಯ ರೇಖೆಗಳು, ಮತ್ತು text ಎಲಿಮೆಂಟ್‌ನೊಂದಿಗೆ ಸ್ವಯಂಪೂರ್ಣ SVG ಸ್ಟ್ರಿಂಗ್ ನಿರ್ಮಿಸುತ್ತದೆ, ನಂತರ ಅದನ್ನು .svg ಫೈಲ್ ಆಗಿ ಉಳಿಸುತ್ತದೆ.
- 4ಬ್ಯಾಚ್ ಎಕ್ಸ್‌ಪೋರ್ಟ್ ಮತ್ತು ಕಾಪಿ ಶಾರ್ಟ್‌ಕಟ್‌ಗಳು'ಎಲ್ಲಾ ಪ್ರಿಸೆಟ್‌ಗಳನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ' ಬಟನ್ ಕ್ರಿಯಾತ್ಮಕವಾಗಿ JSZip ಆಮದು ಮಾಡುತ್ತದೆ, ಅದೇ ಡ್ರಾ ಫಂಕ್ಷನ್ ಬಳಸಿ ಹನ್ನೊಂದು ಪ್ರಿಸೆಟ್ ಗಾತ್ರಗಳಲ್ಲಿ ಪ್ರತಿಯೊಂದನ್ನೂ ಆಫ್-ಸ್ಕ್ರೀನ್ ಕ್ಯಾನ್ವಾಸ್‌ಗೆ ಮರುರೆಂಡರ್ ಮಾಡುತ್ತದೆ, ಮತ್ತು ಎಲ್ಲಾ PNG ಗಳನ್ನು ಒಂದೇ ZIP ಗೆ ಪ್ಯಾಕೇಜ್ ಮಾಡುತ್ತದೆ. ಕಾಪಿ ಬಟನ್‌ಗಳು PNG ಡೇಟಾ URL, ಇನ್‌ಲೈನ್ SVG img ಟ್ಯಾಗ್, ಅಥವಾ ಕೋಡ್‌ಗೆ ತಕ್ಷಣ ಅಂಟಿಸಲು CSS background-image ಘೋಷಣೆಯನ್ನು ಹೊರಸೂಸುತ್ತವೆ.
ಸಂಬಂಧಿತ ಪರಿಕರಗಳು
Lorem Ipsum ಜನರೇಟರ್
Lorem Ipsum ಪ್ಲೇಸ್‌ಹೋಲ್ಡರ್ ಪಠ್ಯ ರಚಿಸಿ. ಪದಗಳು, ವಾಕ್ಯಗಳು, ಅಥವಾ ಪ್ಯಾರಾಗ್ರಾಫ್‌ಗಳನ್ನು ಆಯ್ಕೆಮಾಡಿ. ಒಂದೇ ಕ್ಲಿಕ್‌ನಲ್ಲಿ ನಕಲಿಸಿ.
ಅವತಾರ್ ಮೇಕರ್
ಸ್ವಚ್ಛ ಇನಿಶಿಯಲ್‌ಗಳ ಅವತಾರ್‌ಗಳನ್ನು ರಚಿಸಿ — ಬಣ್ಣಗಳು, ಆಕಾರ ಮತ್ತು ಗಾತ್ರ ಆಯ್ಕೆಮಾಡಿ, ಮತ್ತು PNG ಎಕ್ಸ್‌ಪೋರ್ಟ್ ಮಾಡಿ.
ಮಾಕ್ ಡೇಟಾ ಜನರೇಟರ್
ವಾಸ್ತವಿಕ ನಕಲಿ ಪರೀಕ್ಷಾ ಡೇಟಾ — ಹೆಸರುಗಳು, ಇಮೇಲ್‌ಗಳು, ವಿಳಾಸಗಳು, ದಿನಾಂಕಗಳು, ಸಂಖ್ಯೆಗಳು — ರಚಿಸಿ ಮತ್ತು JSON, CSV, SQL, ಅಥವಾ NDJSON ಆಗಿ ರಫ್ತು ಮಾಡಿ. 10,000 ಸಾಲುಗಳವರೆಗೆ, ಖಾತೆ ಇಲ್ಲ, ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಚಲಿಸುತ್ತದೆ.