Avatar kəsimi və profil şəklinin ölçüləndirilməsi: dairəvi maskalar və 1:1 sosial çərçivələmə üzrə tam bələdçi
⚡Kvadrat avatarı 3 asan addımda necə kəsmək olar
1. Portret şəklinizi idxal edin
Selfinizi, peşəkar portret şəklinizi və ya komanda fotonuzu avatar kəsim studiyasına sürükləyin və ya cihazınızdan seçin. Alət şəklinizi dərhal yükləyir.
2. Dairəvi maska ilə düzləndirin
Fotonuzu 1:1 kvadrat kətan daxilində sürüşdürün və böyüdün. Gözlərinizin, saçınızın və çənənizin görünən dairə daxilində rahat yerləşdiyindən əmin olmaq üçün canlı dairəvi örtük maskasını yoxlayın.
3. Mükəmməl avatarınızı endirin
LinkedIn, GitHub, Discord, Slack və Twitter-ə dərhal yükləməyə tam hazır piksel-dəqiq kvadrat master şəklinizi dərhal saxlamaq üçün 'Avatarı endir' düyməsinə klikləyin.
Cilalanmış, peşəkar çərçivələnmiş profil şəkli korporativ kommunikasiya şəbəkələrində, tərtibatçı repozitoriyalarında, frilans bazarlarında və sosial media platformalarında əsas rəqəmsal əl sıxışmanızdır. LinkedIn rəhbər əlaqələrindən və GitHub açıq mənbə töhfələrindən Discord oyun serverlərinə, Slack iş sahələrinə və Google Workspace e-poçtlarına qədər avatarınız rəqəmsal kimliyinizin vizual lövbəri rolunu oynayır. Lakin müasir istifadəçi interfeysləri məyusedici həndəsi problem yaradır: demək olar ki, bütün böyük rəqəmsal platformalar profil şəkillərini dairə kimi göstərsə də (CSS `border-radius: 50%` vasitəsilə), kvadrat (1:1) fayl yükləməsini tələb edirlər. Dairəvi maskanın harada düşəcəyini dəqiq bilmədən təsadüfi tətil fotosunu və ya smartfon selfisini kəsməyə cəhd etmək tez-tez kəsilmiş alınlar, kəsilmiş çənələr və ya mərkəzdən kənar kompozisiyalarla nəticələnir.
Brauzerdə işləyən Kvadrat avatar kəsimi alətimiz bu sınaq-səhv məyusluğunu aradan qaldırır. Canlı, real vaxt dairəvi örtük maskalı interaktiv 1:1 kvadrat kətanla mühərrikimiz portret şəklinizi subpiksel dəqiqliklə sürüşdürməyə, böyütməyə, miqyaslamağa və mərkəzləşdirməyə imkan verir. Dairəvi sərhəd daxilində gördüyünüz şey üzünüzün LinkedIn, GitHub, X (Twitter), Slack və ya Discord-a yükləndikdən sonra məhz necə görünəcəyidir. Ən əsası, bütün matris hesablamaları və şəkil göstərilməsi 100% brauzerinizin RAM-ında yerli icra olunur və şəxsi selfiləriniz və portret şəkilləriniz heç vaxt uzaq bulud serverlərinə yüklənmir.
Tam texniki bələdçini oxu
Həndəsi paradoks: 1:1 kvadrat yükləmələr və dairəvi CSS maskalanması
Müasir veb tətbiq dizaynında profil avatarları demək olar ki, hər yerdə dairə kimi təqdim olunur. Psixoloji baxımdan dairəvi çərçivələr interfeysləri yumşaldır, insan istifadəçiləri düzbucaqlı məzmun kartlarından fərqləndirir və üzvi, mehriban estetika yaradır. Pərdə arxasında brauzerlər bu dairəvi formaları CSS ilə göstərir: `border-radius: 50%; overflow: hidden;`.
Lakin şəkil ötürmə standartları düzbucaqlı raster faylları (JPEG, PNG, WebP) tələb edir. Buna görə hər sosial şəbəkə kvadrat (1:1 tərəf nisbəti) fayl yükləməsini məcburi edir. Təcrübəsiz istifadəçi kəsilməmiş düzbucaqlı foto (məsələn, 4:3 və ya 16:9 smartfon portreti) yüklədikdə platformanın avtomatik kəsim alqoritmləri sadəcə mərkəzi kvadratı riyazi olaraq kəsir. Şəxsin üzü fotonun yuxarı yarısında yerləşirsə, platformanın kor avtomatik kəsimi müntəzəm olaraq saçı, alnı və ya çənəni kəsir.
Alətimiz bu həndəsi uyğunsuzluğu aradan qaldırır. Birbaşa 1:1 kəsim çərçivəsi üzərində canlı dairəvi önizləmə maskası təqdim etməklə, platformaların qüsursuz göstərəcəyi optimallaşdırılmış kvadrat master faylı ixrac etməzdən əvvəl üz cizgilərinizi yerləşdirmək, baş üstü boşluğu tənzimləmək və göz səviyyəsini düzləndirmək üçün tam yaradıcı səlahiyyətə sahib olursunuz.
Fotoqrafik çərçivələmə və üz həndəsəsi: dairəvi çərçivədə üçdə bir qaydası
Portreti dairə daxilində kompozisiya etmək ənənəvi düzbucaqlı fotoqrafiyadan fərqli vizual qaydalar tələb edir. Düzbucaqlı fotoqrafiyada obyektin yerləşdirilməsi tez-tez geniş üfüqlər üzrə Üçdə bir qaydasına əməl edir. Dairəvi avatarda isə vizual çəki mərkəzi fokus nöqtəsi ətrafında cəmlənir.
Rəhbər səviyyəli kompozisiya balansı əldə etmək üçün aşağıdakı həndəsi qaydalara əməl edin: 1. Göz xəttinin yerləşdirilməsi: Gözləriniz dairəvi sərhədin yuxarı kənarından təxminən üçdə bir aşağıda olmalıdır. Bu, tamaşaçılarla dərhal əlaqə quran təbii, inamlı baxış yaradır. 2. Baş üstü boşluq və çənə məsafəsi: Başınızı elə sıx yerləşdirməyin ki, saçınız yuxarı qövsə toxunsun və ya çənəniz aşağı qövsə sürtünsün. Başınızın ətrafında 10%–15% rahat fon boşluğu saxlayın. 3. Üçbucaq balansı: Yuxarı sinədən və ya körpücük sümüklərindən başın üstünə qədər çərçivələmək dairəvi çərçivəni sabitləşdirən tərs üçbucaq yaradır və həddindən artıq sıx kəsimlərdə tez-tez rast gəlinən yöndəmsiz 'havada üzən baş' hissinin qarşısını alır.
Platforma ölçü matrisi: Retina ekranlarında ülgüc kimi kəskin aydınlıq
Profil avatarları söhbət lentlərində və şərh bölmələrində tez-tez kiçik ölçülərdə görünsə də (məsələn, Slack-də 32x32px və ya GitHub issue mövzularında 40x40px), aşağı ölçülü miniatür yükləmək fəlakətli səhvdir. Başqa istifadəçi profil kartınıza klikləyəndə, bioqrafiyanızın üzərinə gələndə və ya profilinizi Apple Retina ekranında və ya 4K masaüstü monitorda nəzərdən keçirəndə platforma yüksək ölçülü aktiv tələb edir (adətən 400x400–512x512 piksel).
Kiçik ölçülü 150x150px foto yükləmisinizsə, müasir ekranlar pikselləri böyütməli olur və nəticədə utandırıcı, bulanıq, pikselləşmiş portret yaranır. Kvadrat avatar kəsimi alətimiz kəskin kvadrat aktivləri standart yüksək DPI ölçülərində ixrac edir: - LinkedIn: 400 x 400 px (masaüstü və mobildə yüksək sıxlıqla göstərilir) - GitHub: 460 x 460 px (tərtibatçı profillərini və hover kart pəncərələrini təmin edir) - Discord və Slack: 512 x 512 px (komanda iş sahələrini və status nişanlarını təmin edir) - X (Twitter) və Instagram: 400 x 400 px (lentləri və bio kartlarını təmin edir) - Google Workspace və Microsoft 365: 500 x 500 px (korporativ e-poçt avatarlarını təmin edir)
512x512 və ya tam ölçülü kvadrat master aktiv ixrac etməklə profil fotonuz istər Apple Watch bildirişi kimi, istərsə də 32 düymlük 4K monitorda baxılsın, tam kəskin qalır.
Söhbət lentlərində mikro miqyaslı oxunaqlılıq və kontrast
Peşəkar avatarın kritik sınağı 'mikro miqyaslı oxunaqlılıq'dır. Avatarınız sıx Slack kanalında və ya Discord serverində 24 piksellik ikona kiçildikdə mürəkkəb fon detalları (ofis mebeli, ağaclar və ya şəhər siluetləri kimi) saçınız və geyiminizlə qarışır və profilinizi tanınmaz tünd ləkəyə çevirir.
Mikro miqyaslı oxunaqlılığı təmin etmək üçün yüksək obyekt-fon kontrastlı fotolar seçin. Orijinal portret şəklinizin fonu qarışıqdırsa, xaotik fonları silmək üçün bu aləti Fonu sil alətimizlə birləşdirməyi, ardınca təmiz, peşəkar korporativ boz, kəskin ağ və ya canlı brend vurğu tonu əlavə etmək üçün Fon rəngini dəyiş alətindən istifadə etməyi tövsiyə edirik. Avatar alətimizdə çərçivələndikdə üzünüz hətta kiçik mobil söhbət qabarcıqlarında belə cəsarətlə seçiləcək.
Əlaqəli portret studiyası axını: ayır, retuş et, çərçivələ və optimallaşdır
Sosial şəbəkələr və korporativ kataloqlar üçün rəhbər səviyyəli profil fotosu yaratmaq üçün bu sadələşdirilmiş emal zəncirinə əməl edin:
Addım 1 - Fonun təkmilləşdirilməsi: Fonu sil alətimizlə diqqəti yayındıran ev və ya ofis qarışıqlığını silin və Fon rəngini dəyiş ilə cilalanmış studiya qradiyenti əlavə edin.
Addım 2 - İşıqlandırma və ton tənzimləməsi: Parlaqlığı tənzimlə və Kontrastı tənzimlə ilə üz ekspozisiyasını mükəmməlləşdirin və göz aydınlığını artırın.
Addım 3 - Dəqiq dairəvi çərçivələmə: Portret şəklinizi mərkəzləşdirmək, göz xəttinizi yuxarı üçdə birə bərkitmək və real vaxt dairəvi örtük maskasını yoxlamaq üçün bu Kvadrat avatar kəsimi alətindən istifadə edin.
Addım 4 - Yaradıcı vurğular (istəyə bağlı): Şirkətinizin dizayn qaydaları rəngli halqa çərçivəsi tələb edirsə, Çərçivə əlavə et ilə kontrast haşiyə əlavə edin.
Addım 5 - Yeni nəsil veb ixracı: Şəxsi portfolio saytlarında ani yüklənməni təmin etmək üçün kvadrat master fotonuzu yüksək sıxlıqlı PNG kimi endirin və ya PNG-dən WebP-yə ilə yeni nəsil WebP-yə çevirin.
💡Peşəkar profil avatarları üçün tövsiyələr
- •İdeal kompozisiya nüfuzu üçün göz xəttinizi dairəvi sərhədin yuxarı kənarından təxminən üçdə bir aşağıda yerləşdirin.
- •Dairəvi maskanın üz cizgilərini kəsməməsi üçün saçınız və çənəniz ətrafında 10%–15% boş yer saxlayın.
- •Fotonuzun müasir Apple Retina ekranlarında və 4K monitorlarda tam kəskin qalması üçün 500x500 piksel və ya daha yüksək ölçüdə ixrac edin.
- •Səliqəsiz otaq interyerlərini aradan qaldırıb bütöv korporativ studiya fonları ilə əvəz etmək üçün Fonu sil alətimizlə birləşdirin.
- •Ekranı kiçildərək avatarınızı kiçik miqyasda yoxlayın; üz cizgiləriniz və ifadəniz miniatür ölçülərində belə dərhal tanınan qalmalıdır.
- •Bir neçə işçi komanda portretini yükləmə növbələri və bulud server gecikmələri olmadan brauzer tabınızda ardıcıl kəsin.
- •Bütün kətan çevrilmələri 100% cihazınızın RAM-ında yerli icra olunur və şəxsi selfiləriniz və işçi portretləriniz ciddi şəkildə məxfi qalır.
🛡️Brauzer tərəfli interaktiv kətan matris çevrilmələri və sıfır yükləmə məxfiliyi
Kvadrat avatar kəsimi alətimiz tamamilə müasir veb brauzerinizin təcrid olunmuş brauzer tərəfli sandboxu daxilində işləyir. Şəkil idxal edildikdə brauzer bit axınını aparat yaddaşında sıxılmamış 32 bitlik RGBA piksel massivinə dekodlayır. İnteraktiv kəsim iş sahəsi həm alt fotonu, həm də yarımşəffaf dairəvi SVG/Canvas2D maskasını saniyədə rəvan 60 kadrla göstərir. İstifadəçi qarşılıqlı əlaqələri (siçanla sürükləmə, trekpadla çimdikləmə, təkərlə miqyaslama) 2D affin çevrilmə matrislərini (`scale`, `translateX`, `translateY`) gecikmə olmadan real vaxtda yeniləyir. İstifadəçi endirməyə klikləyəndə mühərrik dəqiq kvadrat ixrac ölçülərinə (məsələn, 512x512 piksel) uyğun ekrandan kənar HTML5 Canvas konteksti yaradır. Çevrilmiş şəkil koordinatları matris vasitəsilə xəritələnir və aparatla sürətləndirilmiş bilinear/bikubik yenidən nümunələmə ilə çəkilir. Nəticə kadr yüksək sıxlıqlı JPEG və ya itkisiz PNG bit axını kimi ixrac olunur və müvəqqəti yerli Blob URL (blob:2run.tools/...) vasitəsilə təqdim edilir. Heç bir məlumat paketi xarici şəbəkələr üzrə bulud serverlərinə ötürülmədiyi üçün şəxsi portretləriniz, ailə fotolarınız və korporativ işçi nişanlarınız 100% məxfi qalır və üçüncü tərəf ələ keçirməsindən qorunur.
Texnologiya: WebAssembly • Çoxaxınlı Web Workers • HTML5 Canvas API
Məxfilik: Fayllar cihazınızı tərk etmir və buludda saxlanmır; analitika yalnız razılığınızla işləyir.
Bu iş axını üçün tamamlayıcı alətlər
Yüksək performanslı iş axınları üçün bu brauzer alətlərini birlikdə istifadə edin.
Miniatür generatoru
Kvadrat, YouTube və bloq miniatürlərini toplu şəkildə ixrac edin.
Pasport / şəxsiyyət vəsiqəsi şəkli
Fotoları rəsmi 2x2 düym və biometrik sənəd ölçülərinə uyğunlaşdırın.
Şəkli sıx
JPG, PNG və WebP fayllarının ölçüsünü görünən keyfiyəti itirmədən azaldın. Sürətli və 100% məxfi brauzer sıxması.
Şəklin ölçüsünü dəyiş
Nisbətləri qoruyaraq dəqiq piksel və ya faizlə ölçünü dəyişin və formatı çevirin.