→ გვერდები → სურათების არჩევანი 100 პიქსელის სიგანით და სიმაღლით, ჩამოტვირთეთ ავატარები
საიტის ეს გვერდი შეიცავს უამრავ საინტერესო სურათს, რომელიც შეიძლება გამოყენებულ იქნას როგორც ავატარები თითქმის ყველგან, რადგან... მათი ზომა არის 100 100. ეს ნიშნავს, რომ სიმაღლე და სიგანე უდრის 100 პიქსელს (წერტილები ეკრანზე). ეს განყოფილება შეიცავს თემის მიხედვით დაუხარისხებელ ავატარებს, რაც ძიებას უფრო საინტერესოს ხდის.
სურათი თვალით და წამწამებით დამზადებული ცეცხლი. ჩამოტვირთეთ უჩვეულო ავატარი ცეცხლოვანი წამწამებით და მწვანე თვალით.
ანიმაციური სურათი ნისლში მგლის სილუეტით და ფონზე მფრინავი ფრინველებით. ავატარი არ არის ფერადი, მაგრამ ძალიან საინტერესოა. შეგიძლიათ ჩამოტვირთოთ ავატარი საიტიდან ან უბრალოდ დააკოპიროთ მისი განთავსების კოდი.
ავატარში ხარს რქები აქვს. ჩამოტვირთეთ სურათი ძლიერ ცხოველთან, გაბრაზებულ ხართან. ასეთი მკაცრი ავატარი შესაფერისია როგორც ძალადობრივი ხასიათის მქონე მომხმარებლებისთვის, ასევე მოდერატორებისთვის.
სურათზე არის შავი ჩიტის თავი - როკი avatarko.ru-ზე შეგიძლიათ ჩამოტვირთოთ ავატარები სხვადასხვა ფრინველებით, მათ შორის ჩიტებით;
აი სასაცილო ავატარი მიუწვდომელი სურათით, მაგრამ მაინც რაღაც ჯობია საერთოდ არაფერს, ასე რომ ავატარს აქვს იხვი, ბოდიში.
გაშვებული გოგონას ანიმაციური სურათი, რომელსაც აქვს კუდი. ჩამოტვირთეთ დახატული ავატარი გოგონას ანიმაციით.
სურათზე ნაჩვენებია ზაზუნა და ტექსტით გაფრთხილება, რომ მღრღნელების ავატარის ქვეშ დამალული ადამიანი 100% ზაზუნაა. avatarko.ru-ზე შეგიძლიათ ჩამოტვირთოთ ეს მაგარი ავატარი, ნამდვილი ზაზუნით, თუმცა დახატული.
სათამაშო ბეჭდის სურათი, რომელიც შეიძლება გამოყენებულ იქნას როგორც ავატარი ფორუმებსა და ბლოგებზე. ჩამოტვირთეთ ავატარი პლუშის ბეჭდით ვებსაიტზე.
ჩამოტვირთეთ უგემრიელესი სურათი ვერმიშელის და პომიდვრის თეფშით. ზოგადად, ავატარი საჭმლის მოყვარულთათვის. ეს ავატარი ექსკლუზიურია, აკრძალულია მისი განთავსება სხვა საიტებზე.
ანიმაციური ავატარი ქალაქის სახლებით. ჩამოტვირთეთ შავი და თეთრი სურათი სახლებით და ღრუბლების ანიმაციით.
ავატარზე გამოსახულია მაკდონალდსის ტყუპი კოშკისა და ორი თვითმფრინავის ლოგო და წარწერა "Eat this". ჩამოტვირთეთ სურათი ამერიკელების მოძულეებისთვის.
სურათი ალექს ლომთან ერთად, რომელიც წარბებს ასწევს მულტფილმ მადაგასკარიდან. ჩამოტვირთეთ მულტფილმის ლომის პერსონაჟის ანიმაციური ავატარი მადაგასკარიდან.
ავატარი ზომბთან ერთად გამოკვეთილი თვალებით, რომელსაც ატარებს ქუდი და შარფი ანიმაციური თითებით. საშინელებათა სურათი ზომბებით ნაცრისფერ ტონებში ანიმაციით.
ანიმაციური სურათი კიტრით ჩანგალზე. ჩამოტვირთეთ შესანიშნავი ავატარი კიტრის საჭმელთან ერთად.
ავატარი მჯდომარე ბეღურთან ერთად, რომელიც ჰგავს პატარა ბურთს ფეხებითა და წვერით. ჩამოტვირთეთ სურათი პატარა ჩიტთან, ადამიანის მუდმივ მეზობელთან.
ლამაზი სურათი ღამურების ფარით მრგვალი მთვარის ფონზე. ფაქტი არ არის, რომ ეს ღამურები ვამპირები არიან, თუმცა, ამ გვერდზე შეგიძლიათ ჩამოტვირთოთ კარგი ავატარი.
ელეგანტური ავატარი მოჩვენებით, სურათი გამჭვირვალე ფონით PNG ფორმატში..
მშვენიერი ავატარი დახატული ცეცხლით და ცეცხლმოკიდებული კაცი. ჩამოტვირთეთ ცეცხლოვანი კაცის 100 x 100 პიქსელიანი სურათი.
საყვარელი ავატარი სათამაშო პოლარული დათვით, რომელსაც გული აქვს ავატარზე. ჩამოტვირთეთ სურათი დათვითეთრი "სიყვარულის" განყოფილებაში, რომლის ზომაა 100 100 პიქსელი.
სურათი პრინცესასთან ერთად ვარდისფერ კაბაში და ნიღაბი თეთრ ფონზე..
სურათზე არის გოგონა მოხატული ანგელოზის ფრთებით.. ასევე გირჩევთ გაეცნოთ ანგელოზებისადმი მიძღვნილ განყოფილებას.
ანიმაციური ავატარი ობობით გაშვებული სურათის კონტურის გასწვრივ და აშენებს ქსელს კუთხეში. ჩამოტვირთეთ 100 x 100 სურათი ობობის ანიმაციით. Avatarko.ru-ზე შეგიძლიათ ჩამოტვირთოთ მაგარი ავატარები ცხოველებთან ერთად.
ავატარი სიგარეტით დამწვარი ტუჩებით. მწეველი გოგონას ტუჩების სურათი, რომელსაც სიგარეტის ამოღება დაავიწყდა. თუ უფრო დიდი სურათი გჭირდებათ, მაშინ ტუჩებით წყარო მდებარეობს ქვემოთ.
ანიმაციური სანთელი მწვანე ფონზე. ჩამოტვირთეთ 100x100 ავატარი ანთებული სანთლით ალი ანიმაციით.
სურათი ანიმაციური ვარდისფერი ფონით ქერასთან ერთად. ჩამოტვირთეთ ლამაზი ავატარი ქერა თმით გოგონებისთვის, ხოლო ვისაც ვარდისფერი ფერი მოსწონს, ჩამოტვირთეთ ავატარი. ფრთხილად იყავით, სურათის წონა შეიძლება არ იყოს შესაფერისი მრავალი ფორუმისთვის.
ავატარი ღიმილიანი ჯანჯაფილის კატათ წითელი ცხვირით. ძალიან ლამაზი და პოზიტიური სურათი თქვენი ავატარისთვის.
შავ-თეთრი ნახატი ანიმაციით, რომელშიც ადამიანი მუდმივად ეცემა რყევიანი მიწის გამო. ჩამოტვირთეთ ანიმაციური ავატარი 100 სიგანით და 100 სიმაღლით დახატული კაცის დაცემით.
ჩემს მიერ შექმნილი ექსკლუზიური ავატარი მხოლოდ საიტისთვის, ანიმაციური მომღერალი, რომელიც ლოყაზე თხილს დებს. ჩამოტვირთეთ 100x100 სურათი მხიარული მღრღნელის ანიმაციით, რომელიც თამაშობს კაკალს. ავატარის კონტენტად განთავსება წყაროს ინდექსირებული ბმულის მითითების გარეშე აკრძალულია.
უფრო და უფრო მეტი ადამიანი ეძებს სად გადმოწეროს 100x100 ავატარები და რომ ისინი მაქსიმალურად უნიკალური და საინტერესო იყოს. ამ პრობლემის მოგვარება შესაძლებელია, გარდა საინტერესო კოლექციების მასობრივი შექმნისა, მხოლოდ იმით, რომ აიძულოთ ყოველი მაძიებელი დაჯდეს რაიმე სახის ავატარის გრაფიკულ რედაქტორთან. ონლაინ ავატარის რედაქტორები ამჟამად პრიმიტიულები არიან და არასოდეს ჩაანაცვლებენ პროფესიონალ დიზაინერებს. ფორუმების უმეტესობა საშუალებას გაძლევთ დააყენოთ ავატარი, რომლის ზომები არ აღემატება 100-ს სიგრძით და სიგანეში, ამიტომ ზოგჯერ თქვენ თავად უნდა შეამციროთ სურათი საჭირო ზღვრამდე. აქ ასეთი პრობლემა არ შეგექმნებათ, რადგან... ყველა ავატარს უკვე აქვს თქვენთვის საჭირო ზომა. დიახ, და თქვენ შეგიძლიათ გამოიყენოთ ისინი არა მხოლოდ როგორც ავატარები, არამედ როგორც სურათები თემაში, ისინი უფრო მეტ სიმდიდრეს შემატებენ შეტყობინებას.
მოგესალმებით ძვირფასო ჰაბრის საზოგადოება! მე ვწერ ამ მოკლე ჩანაწერს, როგორც მნიშვნელოვან საგანმანათლებლო პროგრამას ყველასთვის, ვინც მუშაობს რასტრულ გამოსახულებებთან. ჩვეულებრივ, დამწყებთათვის ჩნდება კითხვა, თუ რა უნდა გავზომოთ გამოსახულება, მაგრამ გამოცდილი სპეციალისტებიც აბნევენ ტერმინებს.
დავიწყოთ მთავარით: რასტრული გამოსახულებები შედგება პიქსელები. ეს შეიძლება იყოს ამ სტატიის დასასრული, მაგრამ ეს ყველასთვის საკმარისი არ არის, ამიტომ მოდით ვისაუბროთ მცდარ წარმოდგენასა და მითებზე, რომლებიც პრაქტიკაში შემხვედრია.
DPI, PPI და ზომის შეცვლა
ყველაზე გავრცელებული მცდარი წარმოდგენა არის DPI (წერტილი ინჩზე) და PPI (პიქსელი ინჩზე) ერთეულების გამოყენება. ეს ერთეულები რეალურად ეხება პრინტერებსა და სკანერებს შესაბამისად. ისინი ასევე შეიძლება გამოყენებულ იქნას ეკრანის მახასიათებლებში. არსებითად, ეს არის კოეფიციენტები ანალოგური გამოსახულების ფიზიკურ ზომებს (სანტიმეტრებში ან ინჩებში) და ციფრული გამოსახულების პიქსელის ზომებს შორის კონვერტაციისთვის.მაგალითად, 100 პიქსელიანი სურათი დაბეჭდილი 100 DPI იქნება 1 ინჩის ზომა. ყველაფერი მარტივი და გასაგებია.
თუმცა, გრაფიკულ რედაქტორებში ზომების შეცვლისას, ჩვენ გვთხოვენ მიუთითოთ ზომები ჩვენთვის მოსახერხებელ ზომებში, მათ შორის DPI. აქედან იწყება დაბნეულობა.
სინამდვილეში, გამოსახულების ფიზიკური ზომები (სანტიმეტრებში, ინჩებში და ა.შ.) და DPI მნიშვნელობა მხოლოდ მეტა-ინფორმაციაა ფაილის თვისებებში. მაგრამ რედაქტორს შეუძლია გამოიყენოს ეს მნიშვნელობები, როგორც პიქსელის საჭირო ზომების განსაზღვრის საშუალება.
ვთქვათ, გვაქვს 3000 პიქსელიანი გამოსახულება (კვადრატი), რომლის ღირებულებაა 300 DPI. ჩვენ ვიღებთ: 3000 პიქსელი / 300 DPI = 10 ინჩი. ახლა გადადით რედაქტორზე (Photoshop) და შეცვალეთ DPI მნიშვნელობა 600-ზე. რას მივიღებთ? და ეს დამოკიდებულია "Resample" ჩამრთველ ველზე. თუ ეს ასეა, ჩვენ მივიღებთ სურათს ნიმუშზე 6000 პიქსელები. თუ არა, მაშინ ზომა ინჩებში გახდება 5 იმის მაგივრად 10 .
ამრიგად, ვებ განვითარებისთვის, ყველა ფიზიკური განზომილება (DPI, სანტიმეტრი, ინჩი და ა.
DPI/PPI ეკრანები
აქ მივედით ეკრანების გარჩევადობისა და პიქსელების სიმკვრივის საკითხამდე. ამ სიმკვრივეს სწორად მოიხსენიებენ, როგორც PPI (პიქსელი თითო ინჩზე) და გვიჩვენებს, თუ რამდენი პიქსელი შეიძლება იყოს ნაჩვენები ეკრანის ერთ ინჩზე.აქ ხშირად წარმოიქმნება მითიური 72 და 96 PPI, რომლებიც უნდა მიუთითებდეს პიქსელების „სტანდარტულ“ სიმკვრივეზე ეკრანებისთვის. ინტერნეტში გრაფიკის ჩვენების ამოცანებისთვის ისინი უსარგებლოა. ამავდროულად, ეკრანის პიქსელის რეალური სიმკვრივე შეიძლება სრულიად განსხვავებული იყოს: ჩვეულებრივ, დაახლოებით 120 PPI (შეგიძლიათ გაზომოთ და გამოთვალოთ თქვენი ეკრანისთვის).
მაგრამ ჩვენ გვახსოვს, რომ რასტრული გამოსახულებები იზომება მხოლოდ პიქსელებიდა სხვა არაფერი. რატომ ვსაუბრობთ ეკრანის PPI-ზე? იმის გამო, რომ არსებობს "Retina" ან "HiDPI" ეკრანები.
Retina და HiDPI ეკრანები
ასეთი დისპლეები ფართოდ გამოიყენება მობილურ მოწყობილობებსა და ძვირადღირებულ ლეპტოპებში. არსებითად, ეს არის პიქსელების რაოდენობრივი ზრდა ეკრანის ფიზიკური ზომების შენარჩუნებისას (მაგალითად, 5 ინჩი დიაგონალზე და 330 PPI).ჩვენთვის, როგორც ვებ დეველოპერებისთვის, ეს ნიშნავს ბრაუზერში სხვადასხვა პიქსელების გამოჩენას: CSS პიქსელებს (რომლებსაც ჩვეულებრივ ვაზუსტებთ ელემენტების ზომებში) და ფიზიკურ პიქსელებს (რეალური პიქსელები ეკრანზე). ფორმულა არის: ფიზიკური პიქსელები = CSS პიქსელები * DPR.
DPR არის მოწყობილობის პიქსელების თანაფარდობა - CSS პიქსელების კონვერტაციის კოეფიციენტი ფიზიკურთან.
სურათის განთავსებისას შეგვიძლია დავწეროთ ტეგი imgზომით 20 პიქსელი და გამოსახულება იქნება 40 პიქსელი. ამ შემთხვევაში DPR=2.0 ეკრანზე ჩვენ დავინახავთ სურათის ყველა პიქსელს. მაგრამ ამ სიტუაციაში ჩვენ აბსოლუტურად არ გვაწუხებს ეკრანის რეალური PPI მნიშვნელობები.
ამავდროულად, ჩვენ შეგვიძლია გამოვიყენოთ მაღალი პიქსელის სიმკვრივის მქონე სურათები ჩვეულებრივი ეკრანებისთვის, თავად ბრაუზერი გააფართოვებს სურათს. და ისევ, DPI და PPI არაფერი აქვთ საერთო, მაგრამ სურათები იზომება პიქსელებში. როგორ გამოვაჩინოთ ისინი ბრაუზერი გადაწყვეტს, რომელსაც უკვე ორი ტიპის პიქსელი აქვს.
ეს არის მთელი ამბავი, თუმცა, რა თქმა უნდა, მე არაფერი მითქვამს ადაპტირებულ სურათებზე, მათი გავლენის ოპტიმიზაციის გზებზე და კლიენტის მინიშნებებზე. მაგრამ ეს სხვა ამბავია.
რა არის ავატარი? ეს არის პატარა სურათი, რომელიც ასოცირდება სოციალური ქსელის, ფორუმის ან ჩატის კონკრეტულ მომხმარებელთან. შეგიძლიათ ჩამოტვირთოთ ავატარი ათასობით ინტერნეტ რესურსიდან, ან თავად შექმნათ იგი. Როგორ გავაკეთო ეს? - ამაზე შემდგომში ვისაუბრებთ. ამისათვის ჩვენ გვჭირდება Microsoft Paint პროგრამა, რომელიც შედის Microsoft-ის ნებისმიერი ოპერაციული სისტემის პროგრამების სტანდარტულ კომპლექტში.
ჯერ გადავწყვიტოთ, რომელი სურათიდან შევქმნით ჩვენს უნიკალურ ავატარს. ეს შეიძლება იყოს ჩვენი ფოტო, ჩვენი საყვარელი დესკტოპის ფონი ან საყვარელი სურათი ინტერნეტიდან. ჩვენ უნდა შევქმნათ ავატარი 100x100 პიქსელის ზომით. თუმცა, სურვილის შემთხვევაში, შეგიძლიათ დააყენოთ ნებისმიერი სურათის ზომა, იქნება ეს 64x64 თუ 150x150 პიქსელი.
ახლა გახსენით Microsoft Paint პროგრამა, დააწკაპუნეთ ღილაკზე "დაწყება" დესკტოპის ბოლოში და აირჩიეთ "აქსესუარები" კატეგორიაში "პროგრამები".
ეკრანზე ჩვენ ვხედავთ:
ახლა ჩვენ უნდა გავხსნათ არჩეული სურათი Paint პროგრამაში. ჩვენ მივდივართ "ფაილი" განყოფილებაში, რომელიც არის პროგრამის ფანჯრის ზედა ნაწილში, შემდეგ დააჭირეთ "გახსნას" და ვიპოვით ჩვენს სურათს სიაში.
გახსენით სურათი
ახლა იწყება Ava-ს შექმნის მთავარი სამუშაო. მენიუში მიჰყევით შემდეგ გზას "ნახაზი" - "ატრიბუტები". ჩვენ ვხედავთ შემდეგ სურათს:
მოდით ყურადღება მივაქციოთ ორიგინალური სურათის ზომას. ჩვენი არის 1024 სიგანე და 768 სიგრძე. მოდით ჩამოვწეროთ ეს პარამეტრები. შემდეგი, დააჭირეთ ღილაკს "Ok" და იმუშავეთ შემდგომში. კვლავ მივდივართ "ნახატის" განყოფილებაში. იქ ვპოულობთ "გაჭიმვის/დახრის" ვარიანტს. აირჩიეთ და მიიღეთ შემდეგი ეკრანზე:
ახლა გავიხსენოთ ჩვენი გამოსახულების ორიგინალური პარამეტრები (1024 სიგანეში და 768 სიგრძეში). ეს არის 100% ვერტიკალურად და ჰორიზონტალურად. ჩვენ ვაკეთებთ მცირე გამოთვლებს და აღმოვაჩენთ, რომ მზა ავატარის ზომა არ უნდა აღემატებოდეს წყაროს 16%-ს. "ჰორიზონტალური" და "ვერტიკალური" ველებში შეიყვანეთ ნომერი 16. დააწკაპუნეთ "OK" და აღფრთოვანებული იყავით ჩვენი შემოქმედებით ზომით 164x123 პიქსელი. არ უნდა დაგვავიწყდეს, რომ ჩვენ მიზნად ისახავს 100 პიქსელის გვერდის მქონე სურათს.
ჩვენ ვიღებთ:
გადადით "რედაქტირების" განყოფილებაში და აირჩიეთ "აირჩიეთ ყველა". წერტილოვანი ჩარჩოთი ვირჩევთ ნახატის იმ არეალს, რომელიც გვინდა დავინახოთ როგორც ავა. კურსორი აქ არის ჯვარი ისრებით.
დააწკაპუნეთ სურათზე მაუსის მარჯვენა ღილაკით. დიალოგურ ფანჯარაში აირჩიეთ "ასლი" და მიჰყევით მენიუს პროგრამის ზედა პანელში. აქ ჩვენ ვირჩევთ "შექმნა" ოფციას. არ ინერვიულოთ, როდესაც Paint გკითხავთ, შეინახოთ თუ არა ფაილში ცვლილებები. მას შემდეგ, რაც გამოჩნდება ახალი დოკუმენტის ცარიელი ფურცელი, ჩასვით დაკოპირებული განყოფილება იქ.
კეთდება ასე. ჩვენ ვაყენებთ ველის პარამეტრებს: ჩვენ ვზღუდავთ სიგრძეს და სიგანეს 100 პიქსელამდე. დარწმუნდით, რომ საზომი ერთეულები არის პიქსელები ან წერტილები. ჩვენ ასევე ვაქცევთ ყურადღებას, რომ "პალიტრა" ფერადია. თუ გჭირდებათ ავატარის შექმნა სხვა პარამეტრებით, მიუთითეთ ისინი ამ განყოფილებაში (80x80, 150x150 ან 64x64 პიქსელი).
რაც უფრო მცირეა საჭირო სურათის ზომა, მით უფრო დიდი პროცენტი უნდა დავაყენოთ წყაროზე.
ამრიგად, ჩვენ გვაქვს სუფთა თეთრი კვადრატი 100 პიქსელის გვერდით.
