CodeariaAcademy
ืกื“ื ื”

$ open workshop/image-prep

โ— ืจืฅ ื‘ื“ืคื“ืคืŸ ยท ืฉื•ื ื“ื‘ืจ ืœื ืžื•ืขืœื”

ื—ื™ืชื•ืš ื•ื”ืžืจื”

ืžืกื’ืจืช, ืžื™ื“ื” ื•ืคื•ืจืžื˜

ืืคืฉืจ ืœื”ื–ื™ื– ืืช ื”ืžืกื’ืจืช ื•ืœืžืชื•ื— ืื•ืชื” ืžื”ืคื™ื ื•ืช, ื›ืš ืฉื‘ืงืื“ืจ ื ื›ื ืก ืžื” ืฉืจืฆื™ืชื ื•ืœื ืžืจื›ื– ื”ืชืžื•ื ื”. ื›ื™ื•ื•ื ืชื ืคืขื ืื—ืช โ€” ยซื›ืœ ื”ืคืจื™ืกื˜ื™ืยป ื™ื—ื–ื™ืจ ืืจื‘ืขื” ืงืื“ืจื™ื ืกื‘ื™ื‘ ืื•ืชื” ื ืงื•ื“ื”. ื”ื›ื•ืœ ืจืฅ ื‘ื“ืคื“ืคืŸ: ืฆื™ื•ืจ ืžื—ื“ืฉ ื“ืจืš canvas ืžืฉืื™ืจ ืจืง ืคื™ืงืกืœื™ื, ื•ืœื›ืŸ C2PA, EXIF ื•-XMP ื ืขืœืžื™ื ืžืขืฆืžื.

ืื• ื‘ื—ืจื• ืงื•ื‘ืฅ, ืื• ื”ื“ื‘ื™ืงื• ืžื”ืœื•ื—

JPG, PNG, WebP, AVIF ยท ืขื“ 25MB

ื”ืงื•ื‘ืฅ ืœื ื™ื•ืฆื ืžื”ืžื—ืฉื‘ ืฉืœื›ื

ื—ื™ืชื•ืš ืชืžื•ื ื” ืœืชืฆื•ื’ื” ืžืงื“ื™ืžื” ื•ื”ืžืจื” ืœ-WebP

ื’ืจืจื• ืชืžื•ื ื”, ื›ื•ื•ื ื• ืืช ื”ืžืกื’ืจืช ืœื—ืœืง ืฉืฆืจื™ืš, ื•ืงื—ื• ืืช ื”ืชื•ืฆืื” ื›-WebP, JPG ืื• PNG. ื”ืขื™ื‘ื•ื“ ืงื•ืจื” ื‘ื“ืคื“ืคืŸ ื“ืจืš canvas: ื”ืงื•ื‘ืฅ ืœื ืžื’ื™ืข ืœืฉืจืช, ื•-C2PA, EXIF ื•-XMP ื ืขืœืžื™ื ื›ื™ ืจืง ืคื™ืงืกืœื™ื ื ื›ื ืกื™ื ืœืงื•ื‘ืฅ ื”ื—ื“ืฉ.

ืื™ืš ืžืฉืชืžืฉื™ื

  1. 1ื’ืจืจื• ืชืžื•ื ื” ืœื—ืœื•ืŸ ืื• ื”ื“ื‘ื™ืงื• ืขื Ctrl+V
  2. 2ื‘ื—ืจื• ืžื™ื“ื”: ืคืจื™ืกื˜ ืžื•ื›ืŸ, ืžื™ื“ื” ืžืฉืœื›ื ื‘ืคื™ืงืกืœื™ื, ืื• ยซื›ืžื• ืฉื”ื•ืยป ื‘ืœื™ ื—ื™ืชื•ืš
  3. 3ื›ื•ื•ื ื• ืืช ื”ืžืกื’ืจืช: ื’ืจืจื• ืคื™ื ื•ืช, ื”ื–ื™ื–ื• ืžื”ืืžืฆืข, ื—ืฆื™ื ืžื–ื™ื–ื™ื ืคื™ืงืกืœ
  4. 4ื‘ื—ืจื• ืคื•ืจืžื˜ ื•ืื™ื›ื•ืช, ื•ืื– ื”ื•ืจื™ื“ื• ืืช ื”ืงื•ื‘ืฅ ืื• ื”ืขืชื™ืงื• ืืช ื”ืชืžื•ื ื”

ื”ืคืจื˜ื™ื

ื›ืจื™ื›ืช ืžืืžืจ
1600 ร— 900
ืชืฆื•ื’ื” ืžืงื“ื™ืžื”
1200 ร— 630
ื˜ืœื’ืจื
1280 ร— 720
ืจื™ื‘ื•ืข
1080 ร— 1080
ืคื•ืจืžื˜ื™ื
WebP, JPG, PNG
ืžื’ื‘ืœืช ืงื•ื‘ืฅ
25MB

ืฉืืœื•ืช ื ืคื•ืฆื•ืช

ื”ืื ื”ืชืžื•ื ื” ืžื•ืขืœื™ืช ืœืฉืจืช?

ืœื. ื”ืงื•ื‘ืฅ ื ืงืจื ื‘ื“ืคื“ืคืŸ ื•ืžืฆื•ื™ืจ ืžื—ื“ืฉ ื“ืจืš canvas ื‘ืžื›ืฉื™ืจ ืฉืœื›ื. ืืฃ ื‘ืงืฉืช ืจืฉืช ืœื ื ื•ืฉืืช ืืช ื”ืชืžื•ื ื”, ื•ืœื›ืŸ ื”ื›ืœื™ ืžืžืฉื™ืš ืœืขื‘ื•ื“ ื’ื ื‘ืœื™ ืื™ื ื˜ืจื ื˜ ืื—ืจื™ ื˜ืขื™ื ืช ื”ื“ืฃ.

ื‘ืืžืช ืžื•ืกืจื™ื ื”ืžื˜ื-ื ืชื•ื ื™ื ืฉืœ ืžื—ื•ืœืœ ื”-AI?

ื›ืŸ, ื•ื–ื” ื ื•ื‘ืข ืžืื•ืคืŸ ื”ืขื™ื‘ื•ื“ ื•ืœื ืžืคื™ืฆืณืจ ื ืคืจื“. canvas ืžื—ื–ื™ืจ ืžืขืจืš ืคื™ืงืกืœื™ื ื ืงื™, ื‘ืขื•ื“ ืžื ื™ืคืกื˜ C2PA, EXIF ื•-XMP ื™ื•ืฉื‘ื™ื ื‘ืžืขื˜ืคืช ื”ืงื•ื‘ืฅ ื•ืœื ืขื•ื‘ืจื™ื ื”ืœืื”.

ืœืžื” WebP ื•ืœื JPG ืœืชืฆื•ื’ื” ืžืงื“ื™ืžื”?

ื‘ืื•ืชื” ืื™ื›ื•ืช WebP ืฉื•ืงืœ ื‘ืขืจืš ื—ืฆื™ ื•ืชื•ืžืš ื‘ืฉืงื™ืคื•ืช. JPG ืžืชืื™ื ื›ืฉื”ืงื•ื‘ืฅ ื”ื•ืœืš ืœ-CMS ื™ืฉืŸ ืื• ืœืœืงื•ื— ืฉื‘ื™ืงืฉ ืื•ืชื•, ื•-PNG ื›ืฉืฉืงื™ืคื•ืช ืœืœื ืื•ื‘ื“ืŸ ื ื—ื•ืฆื”.

ืืคืฉืจ ืœื”ืžื™ืจ ื‘ืœื™ ืœื—ืชื•ืš?

ื›ืŸ, ื‘ื—ืจื• ื‘ืžื™ื“ื” ยซื›ืžื• ืฉื”ื•ืยป. ื”ืงืื“ืจ ื™ื™ืฉืืจ ื›ืคื™ ืฉื”ื™ื” ื•ืจืง ื”ืคื•ืจืžื˜ ื™ืฉืชื ื”, ื•ื”ืžื˜ื-ื ืชื•ื ื™ื ื™ื•ืกืจื• ื‘ื›ืœ ืžืงืจื”.

ืืคืœื™ืงืฆื™ื•ืช ื ื•ืกืคื•ืช

ื›ืœ ื”ืกื“ื ื”
ืจื›ื™ื‘ื™ React ืžื•ื ืคืฉื™ืCodearia Frontendืจื›ื™ื‘ื™ื ืžื•ื ืคืฉื™ื ืœ-React ื•-Tailwind ืขื ืงื•ื“ ืžื•ื›ืŸืคืจื•ืžืคื˜ื™ื ืœืกืจื˜ื•ื ื™ ืžื•ืฉืŸ ืขื ื“ื•ื’ืžืื•ืชืกืคืจื™ื™ืช ืคืจื•ืžืคื˜ื™ื ืœืžื•ืฉืŸืคืจื•ืžืคื˜ื™ื ืœืžื•ืฉืŸ ื’ืจืคื™ืงื” ื‘-Claude, ืขื ื“ื•ื’ืžืื•ืช ื•ื™ื“ืื•ืฉืจืชื™ MCP ืœ-Claude Code, Cursor ื•-VS Codeืžื—ื•ืœืœ ืงื•ื ืคื™ื’ MCPืื™ืš ืžื—ื‘ืจื™ื ืฉืจืช MCP ืœ-Claude Code, ืœ-Cursor ื•ืœ-VS CodeCLAUDE.md, ื”ืจืฉืื•ืช ื•ืกืงื™ืœื™ื ืœืคืจื•ื™ืงื˜ ืฉืœื›ืื‘ื•ื ื” CLAUDE.mdืื™ืš ื›ื•ืชื‘ื™ื CLAUDE.md ืœืคืจื•ื™ืงื˜ ืฉืœื›ืืฉื’ื™ืื” ื‘ืžื™ืœื™ื ืคืฉื•ื˜ื•ืช ื•ืคืจื•ืžืคื˜ ืœืชื™ืงื•ืŸืคืขื ื•ื— ืฉื’ื™ืื•ืชืžื” ื”ืžืฉืžืขื•ืช ืฉืœ ื”ืฉื’ื™ืื” ื•ืื™ืš ืœื‘ืงืฉ ืž-Claude Code ืœืชืงืŸ ืื•ืชื”ืจืงืขื™ื ืจื‘-ืฉื›ื‘ืชื™ื™ื ื‘-CSS ื ืงื™ืžืขื‘ื“ืช ื’ืจื“ื™ืื ื˜ื™ืืจืงืข ื’ืจื“ื™ืื ื˜ ื™ืคื” ืœืืชืจ ื‘-CSS ื ืงื™ืชื•ื•ื™ื ื‘ืœืชื™ ื ืจืื™ื ืžืžื•ื“ืœื™ืื ื™ืงื•ื™ ื˜ืงืกื˜ื”ืกืจืช ืชื•ื•ื™ื ื‘ืœืชื™ ื ืจืื™ื ืžื˜ืงืกื˜ ืฉื ื•ืฆืจ ื‘ื‘ื™ื ื” ืžืœืื›ื•ืชื™ืชื”ื—ืฉื‘ื•ืŸ ืขืœ ืžื” ืฉืžืงื™ืฃ ืืช ื”ืžื•ื“ืœืขืœื•ืช ื”ืžืขื˜ืคืชื›ืžื” ืขื•ืœื” ื”ื”ืงืฉืจ ื”ืคื•ืชื— ืฉืœ Claude Code ื•ืฉืจืชื™ MCP