Үндсэн агуулга руу очих
LibraTool logoLibraTool

Зураг тайрагч — үнэгүй

Чирж сонгох, сонголтоор харьцааны хязгаарлалт (1:1, 16:9, 4:3 гэх мэт), гуравны нэгийн тор болон олон форматаар экспортлох (JPEG, PNG, WebP) боломжтой зураг тайрагч.

Ачаалагдсаны дараа офлайн ажилладаг

Файлаа энд чирж оруулах эсвэл дарж сонгоно уу

JPG, PNG, WebP, HEIC, HEIF · таны төхөөрөмж дээр боловсруулагдсан

эсвэл клипбордоос буулгахын тулд Ctrl+V дарна уу

Файл хайх

Зөвлөгөө: Ctrl+V товчоор дэлгэцийн зургийг буулгаж болно

Таны файлууд таны төхөөрөмжөөс хэзээ ч гардаггүй. Бүх боловсруулалт таны хөтчид орон нутагт хийгддэг.

Түгээмэл хэрэглээ

  • Instagram-ийн хувьд зургуудыг хумихInstagram-ийн нэрвэгдсэн харьцаанд хумих: 1: 1 (дөрвөлжин), 4: 5 (хөрөг), 1.91: 1 (хүрээ).
  • Профайлын зургуудыг дөрвөлжин рүү хумихLinkedIn, Twitter, GitHub, эсвэл аливаа нийгмийн платформын хувьд дөрвөлжин профайлын зургуудыг үүсгэнэ.
  • YouTube болон нийтлэлийн сансруулагчдыг хумихYouTube видеонууд болон ихэнх блог баатруудын ашиглаж байгаа 16: 9 харьцаанд хумих.
  • Паспортын / ID зургуудыг хумихПаспортын, визэ, болон ID өргөдлүүдийн хувьд стандартын 2: 3 портрет харьцаан дээр зургуудыг хумих.
  • E-комерцийн бүтээгдэхүүний зургуудыг хумихAmazon, Shopify, Etsy, болон бусад худалдааны платформуудын хувьд бүтээгдэхүүний зургийн харьцааг стандартжуулах.

Хэрхэн ажилладаг

Тайрах ажлыг HTML5 Canvas API ашиглан бүхэлдээ таны хөтчид гүйцэтгэдэг — байршуулалт, сервер хамааралгүй. Та canvas элемент дээр шууд сонголтын мужийг чирдэг, тайралтыг хэрэглэхэд хөтчийн байгуулагдмал 2D зурлагын систем зөвхөн сонгогдсон пикселийг уншиж JPEG, PNG эсвэл WebP руу дахин кодолдог.

  1. 1
    Зураг санах ой руу ачаалагддаг
    Таны файл URL.createObjectURL()-ээр уншигддаг, хөтчид локал blob URL өгдөг. HTMLImageElement файлыг бүхэлдээ хөтчийн табанд декодолдог — зургийн байт хэзээ ч таны төхөөрөмжөөс гардаггүй.
  2. 2
    Pointer Events тайрах сонголтыг удирддаг
    Хөтчийн Pointer Events API (хулгана, хүрэлт, үзэгний оролтыг нэгтгэдэг) canvas давхарга дээрх чирэлтийг хянадаг. Сонголтын гадна дарах шинэ тэгш өнцөгт эхлүүлнэ; дотор дарах түүнийг зөөнө; баруун доод булан ойролцоо дарах хэмжээг өөрчилнө. Сонголт харьцааны урьдчилан тохиргоо (1:1, 16:9, 4:3 гэх мэт) чирэх явцад геометрийг хязгаарладаг.
  3. 3
    Canvas амьд урьдчилан харахыг зурдаг
    Тайралт өөрчлөгдөх бүрт Canvas 2D context зургийг дахин зурж, сонголтын гадна харанхуй давхарга хэрэглэж, тайралтын мужийг цэвэрлэж эх зургийг бүрэн нарийвчлалтай харуулж, гуравны-дүрмийн тор, teal хэмжээ өөрчлөх бариулыг давхарладаг.
  4. 4
    toBlob() кодолж, үр дүнг хүргэдэг
    Tайрах дарахад шинэ дэлгэцийн-гадуурх canvas яг тайралтын хэмжээст үүсдэг. ctx.drawImage() зөвхөн сонгосон тэгш өнцөгтийг хуулж, canvas.toBlob() таны сонгосон чанарын тохиргоонд хөтчийн уугуул JPEG, PNG эсвэл WebP кодлогчоор үр дүнг кодолдог. Гаралт татахад локал blob URL болж буцдаг.

Таны зураг локал blob URL болж нээгдэж бүхэлдээ таны хөтчийн табанд боловсруулагддаг — ямар ч цэгт серверт юу ч байршуулагддаггүй.

Холбоотой хэрэгслүүд

Түгээмэл асуултууд