Სარჩევი:

ინსტრუქციული სურათების ზომა: 13 ნაბიჯი
ინსტრუქციული სურათების ზომა: 13 ნაბიჯი

ვიდეო: ინსტრუქციული სურათების ზომა: 13 ნაბიჯი

ვიდეო: ინსტრუქციული სურათების ზომა: 13 ნაბიჯი
ვიდეო: ძმამ დას iphone 6 უყიდა 2024, ივლისი
Anonim
ინსტრუქციული სურათების ზომა
ინსტრუქციული სურათების ზომა

გაქვთ პრობლემა სურათების სწორად ზომის მიღებაში? თქვენი სურათების ზომა ძალიან დიდია და გადავსებულია ჩარჩოების მსგავსად? ეს სასწავლო მცდელობაა შეაჯამოს ის, რაც მე ვისწავლე ამ პრობლემის გადასაჭრელად.

Instructable Staff– მა მითხრა, რომ ყველა ატვირთული სურათი დუბლირებულია სხვადასხვა ასპექტის თანაფარდობით. სურათების ეს ნაკრები ამოღებულია და განსხვავებული ზომისაა იმისდა მიხედვით, თუ რომელი მოწყობილობიდან უყურებთ ინსტრუქციას. არ არსებობს საშუალება მიუთითოთ რეგულარულ რედაქტორში რა ზომის და თანაფარდობის ჩვენება.

მათ შემდეგ შემოგვთავაზეს, რომ "სხვა ვარიანტი, რომელიც შეიძლება იმუშაოს არის თუ ატვირთავთ სურათებს, რომლებიც უფრო ტრადიციული ასპექტის თანაფარდობაა. ყველაფერი 16: 9 -დან 4: 3 -მდე უნდა იყოს ძალიან ლამაზად".

გაითვალისწინეთ, რომ ისინი ამბობენ, რომ ეს "შეიძლება" იმუშაოს. აი, რა აღმოვაჩინე ჩემს ბრძოლაში, რათა ჩემი გამოსახულებები ღირსეულად გამოჩენილიყო. (გაითვალისწინეთ, რომ მე ვიყენებ სურათებს ჩემი "რუბიკის კუბი ადვილია" სასწავლო, აქედან გამომდინარე ყველა ეს კუბის სურათი!)

ზემოთ მოყვანილი სურათი არის მისი ორიგინალური ზომა (600x195), რომელიც არ არის ტრადიციული ასპექტის პროპორციების ამ დიაპაზონში. როგორც ხედავთ, Instructables აჩვენებს ამ სურათის გაფართოებას ძალიან დიდი მარცხენა და მარჯვენა მხარეებით გათიშული. ვნახოთ რა შეგვიძლია გავაკეთოთ იმისათვის, რომ ეს სურათი სწორად გამოჩნდეს.

ნაბიჯი 1: შევეცადოთ 16: 9 ასპექტის თანაფარდობას

შევეცადოთ 16: 9 ასპექტის თანაფარდობა
შევეცადოთ 16: 9 ასპექტის თანაფარდობა

მოდით ვცადოთ 16: 9 (სიგანე: სიმაღლე) ასპექტის თანაფარდობა. მე შევინარჩუნებ თავდაპირველ სიგანეს 600 პიქსელს, 16: 9 ნიშნავს, რომ სიმაღლე უნდა იყოს 338 პიქსელი, ასე რომ ჩვენ გავაკეთებთ ტილოს ზომას 600x338 და ჩავაგდებთ მას 600x195 სურათს.

მოდით ვნახოთ როგორ გამოიყურება ეს 600x338 (16: 9 ასპექტის თანაფარდობა) სურათი. საინტერესოა, რომ როდესაც ეს სურათი ჩავაგდე და გადავათვალიერე, ის მშვენივრად ჯდებოდა - მარცხენა და მარჯვენა კიდეები არ იყო გაწყვეტილი! მე გადავიღე მისი ეკრანის ანაბეჭდი მხოლოდ დასტურად, იხილეთ იგი შემდეგ სლაიდში.

მაგრამ, როდესაც ამას ვხედავ ჩემს ბრაუზერში (Chrome), რასაც ვხედავ ზემოთ მოცემულ სურათში, არის ის, რომ მარჯვენა და მარცხენა მხარეები კვლავ გათიშულია! ამ ექსპერიმენტიდან ჩანს, რომ 16: 9 ასპექტის თანაფარდობის შეცვლა არ გადაჭრის ჩვენს პრობლემებს!

როგორც გვერდითი შენიშვნა, 16: 9 არის "ახალი" საერთო ასპექტის თანაფარდობა, რომელიც ცნობილია როგორც "ფართო ეკრანი", ხოლო 4: 3 არის ძველი სკოლის "სრული ეკრანი", რომელიც გავრცელებული იყო მილების ტელევიზიის დღეებში. დიახ, თქვენ ათასწლეულებს ალბათ წარმოდგენა არ გაქვთ რაზე ვსაუბრობ.

ნაბიჯი 2: 16: 9 სურათი ახლად ატვირთულია, როგორც ნაჩვენებია გადახედვისას

16: 9 სურათი ახლად ატვირთულია როგორც გადახედვისას
16: 9 სურათი ახლად ატვირთულია როგორც გადახედვისას

ეს სურათი არის ეკრანის გადაღება, რომელიც აჩვენებს, რომ ჩვენი 16: 9 სურათი შესანიშნავად გამოიყურება გადახედვისას. წარმატებები არა? ისე, არც ისე სწრაფად - ნახეთ რა მოხდება, როდესაც ჩვენ რეალურად ვნახავთ ამ გვერდს ჩვენს ბრაუზერში (Chrome)! მარცხენა და მარჯვენა კიდეები ისევ შეკვეცილია! უბრალოდ დაბრუნდი, რომ წინა სლაიდი ნებდეს და თავად ნახო.

გაკვეთილი - არ ენდოთ გადახედვას! ის, რაც შესანიშნავად გამოიყურება გადახედვისას, განსხვავებულად არის გადმოცემული ბრაუზერის საშუალებით რეალურ დათვალიერებაში!

ასევე, დიახ, ჩემი სურათის ქვემოთ არის ბევრი თეთრი სივრცე. ეს იმიტომ, რომ მე გადავაგდე 600x195 სურათი 600x338 ტილოზე და დავდე ზედა, ასე რომ ბოლომდე არის ცარიელი თეთრი სივრცე. რა შეგვიძლია ამის გაკეთება? კარგად … ჩვენ შევეცდებით ამის მოგვარებას მოგვიანებით სლაიდში.

მოდით გავაგრძელოთ იმის დანახვა, თუ როგორ შეგვიძლია ამ სურათის ჩვენება მთლიანად.

ნაბიჯი 3: 16: 9 ნაჩვენებია L&R მხარეებით გათიშული

16: 9 ნაჩვენებია L&R მხარეებით გათიშული
16: 9 ნაჩვენებია L&R მხარეებით გათიშული

მხოლოდ ჩანაწერისთვის, თუ რაიმე მიზეზით თქვენი ბრაუზერი სრულყოფილად აჩვენებს ამ 16: 9 სურათებს, სწორედ ამაზე მაქვს საუბარი. აქ მოცემულია ეკრანის ანაბეჭდი, თუ როგორ ვხედავ ჩემს 16: 9 სურათს ნაბიჯ 1 -ში, რომელიც ნაჩვენებია პირველადი გადახედვის შემდეგ "დასახლების" შემდეგ - შენიშნეთ მარცხენა და მარჯვენა გათიშული.

თუ ხედავთ, რომ ჩემი პირველი ეტაპის სურათი მშვენივრად არის ნაჩვენები, კარგია. Გამაგებინე! მაგრამ მე ასე ვხედავ მას. დიახ, ეს ბევრად უკეთესია, ვიდრე ორიგინალური სურათი სათაურის გვერდიდან, მაგრამ ის მაინც შეწყვეტილია. ჩემთვის, მიუხედავად ინსტრუქციის პერსონალის რჩევისა, 16: 9 ასპექტის თანაფარდობა არ ამცირებს მას. მოდით გადავიდეთ 4: 3 ასპექტის თანაფარდობაზე.

ნაბიჯი 4: შევეცადოთ 4: 3 ასპექტის თანაფარდობას

შევეცადოთ 4: 3 ასპექტის თანაფარდობას
შევეცადოთ 4: 3 ასპექტის თანაფარდობას

მოდით ვცადოთ 4: 3 ასპექტის თანაფარდობა. მე შევინარჩუნებ თავდაპირველ სიგანეს 600 პიქსელს, 4: 3 ნიშნავს, რომ სიმაღლე უნდა იყოს 450 პიქსელი, ასე რომ ჩვენ გავაკეთებთ ტილოს ზომას 600x450 და ჩავაგდებთ მას 600x195 სურათს.

როგორ გამოიყურება ეს 600x450 (4: 3 ასპექტის თანაფარდობა) სურათი?

ისევ და ისევ, როდესაც პირველად ჩავაგდე იგი, სურათი მშვენივრად გამოიყურება (გარდა ბოლოში არსებული თეთრი სივრცის გარდა). მარცხენა და მარჯვენა კარგად არის ნაჩვენები. ბრაუზერში შეხედვისას, როგორც ჩანს, მარჯვნივ და მარცხნივ კარგად ჩანს.

როგორც უკვე აღვნიშნეთ, სურათის ქვემოთ არსებული ყველა ცარიელი თეთრი სივრცე არის იმიტომ, რომ მე ჩავაგდე ჩემი 600x195 სურათი 600x450 ტილოზე და მხოლოდ ზემოთ მოვათავსე.

გაკვეთილი - 4: 3 თანაფარდობა, როგორც ჩანს, საჭიროა ისე, რომ მარჯვენა და მარცხენა მხარეები არ იყოს გაწყვეტილი. სამწუხაროდ, ეს ნიშნავს, რომ იქნება ბევრი თეთრი სივრცე მოკლე და ფართო სურათებისთვის, რადგან თქვენ მოგიწევთ ამ სურათების გადაყრა 4: 3 ზომის ტილოზე. დიახ, თქვენ შეგიძლიათ განათავსოთ თქვენი სურათი ისე, რომ თანაბარი თეთრი სივრცე იყოს ზემოდან და ქვემოდან, მაგრამ მიუხედავად ამისა, იქნება ბევრი თეთრი სივრცე თქვენი სურათის ზემოთ ან ქვემოთ, მაგრამ როგორც მე ვიცი, ეს არის კომპრომისი უნდა შეიტანოთ ინსტრუქციებში ისე, რომ თქვენი სურათები ხელუხლებელი იყოს.

ნაბიჯი 5: 4: 3 გამოსახულების ცენტრში

4: 3 გამოსახულების ცენტრში
4: 3 გამოსახულების ცენტრში

აქ არის იგივე 600x195 სურათი 600x450 ტილოზე, მაგრამ ცენტრირებული ისე, რომ თანაბარი ცარიელი თეთრი სივრცე იყოს ზედა და ქვედა. ცოტა უკეთ გამოიყურება, ტექსტი არც ისე შორს ჩანს სურათისგან.

ნაბიჯი 6: 4: 3 ქვედა გამოსახულებით

4: 3 გამოსახულებით ბოლოში
4: 3 გამოსახულებით ბოლოში

და ბოლოს, აი, იგივე სურათი ჩავარდა და გადავიდა ბოლოში. ახლა არის ტონა ცარიელი თეთრი სივრცე სურათის თავზე. სურათი ახლა ნამდვილად გამოყოფილია სათაურის ზოლისგან, მაგრამ ის უფრო ახლოსაა ტექსტთან. ეს არის თქვენი კომპრომისები და მიღებული გაკვეთილები:

  • როგორც ჩანს, 4: 3 არის ასპექტის თანაფარდობა, რომელიც თქვენ უნდა გამოიყენოთ სურათების სრულად გამოსაჩენად ინსტრუქციებში.
  • არ ენდოთ გადახედვას - მას შეუძლია თქვენი სურათი სრულყოფილად აჩვენოს, მაგრამ ნაწილები შეიძლება ჩაკეტილი იყოს ბრაუზერში

ნაბიჯი 7: რა არის მინიმალური სიგანე?

რა არის მინიმალური სიგანე?
რა არის მინიმალური სიგანე?

ახლა ვნახოთ რა უნდა იყოს მინიმალური სიგანე. ნაჩვენები სურათი არის ზომა 382x206, ახლოს 2: 1, როგორც ჩანს, მართლაც უზარმაზარია, არა? ცხადია, Instructables– მა გააფართოვა სურათი, რათა შეედგინა გარკვეული სიგანე, ალბათ 640 პიქსელი, დარწმუნებული არ ვარ.

მაგრამ ის ჯდება, რადგან ის უფრო "კვადრატულია" - ანუ, ის არც თუ ისე ფართოა მისი სიმაღლისთვის. ოჰ, დაელოდე, მე კიდევ ერთხელ მომატყუა იმ გადახედვამ! ეს ნამდვილად არ ჯდება - R&L მხარეები ისევ შეკვეცილია.

სინამდვილეში, ეს არის უცნაური, ეს არ არის მხოლოდ წინასწარი გადახედვა, რომელიც არეულია. მე ფაქტობრივად შევხედე მას ბრაუზერში და თავიდან ის სწორად გამოვიდა (ანუ R&L კიდეები არ იყო გაწყვეტილი). მაგრამ ისევ ბრაუზერის საშუალებით შევხედავთ მას, ახლა გამოსახულების ზომა იცვლება და R&L კიდეები მოწყვეტილია. კენტი

მოდით შევეცადოთ გამოსახულება უფრო პატარა გავხადოთ. ჩვენ შევამცირებთ სურათს 200x108, შევინარჩუნებთ იგივე თანაფარდობას 2: 1.

ნაბიჯი 8: სურათის შემცირება, მაგრამ ასპექტის თანაფარდობის შენარჩუნება

სურათის შემცირება, მაგრამ ასპექტის თანაფარდობის შენარჩუნება
სურათის შემცირება, მაგრამ ასპექტის თანაფარდობის შენარჩუნება

ამრიგად, მე ვცვლი ამ სურათის ზომას 200x108, იგივე ასპექტის თანაფარდობით 2: 1.

ახლა ისევ ჩანს, რომ ის თავდაპირველად ჯდება (რეზოლუციით (სურათის ხარისხი) მნიშვნელოვნად გაუარესდა!) მაგრამ, რა თქმა უნდა, თქვენ ალბათ უყურებთ მას და ის საერთოდ არ ჯდება და ზუსტად ისე გამოიყურება, როგორც ორიგინალი, გარდა ორიგინალისა უკეთესი რეზოლუცია. ისევ და ისევ, Instructables აფართოებს გამოსახულებას, რათა მოერგოს გარკვეულ სიგანეს, ამიტომაც არის, რომ ეს უფრო პატარა (200x108) სურათი გამოიყურება ასე საშინლად, ბევრად უარესი ვიდრე ორიგინალური 382x206.

მე ვამბობ "ალბათ" იმიტომ, რომ მე ნამდვილად არ ვიცი როგორ აჩვენებს Instructables ამ სურათებს თქვენს ბრაუზერში. რაიმე მიზეზის გამო, თუ მე განაახლებს ჩემს ქეშს და გადახედავს ამ ინსტრუქციას, ჩემი გამოსახულების ზომები არ ჩანს თანმიმდევრული, ასე რომ მე ნამდვილად არ ვიცი რას აკეთებს Instructables, გარდა იმისა, რომ ეს შეიძლება იყოს არათანმიმდევრული. ამრიგად, ამ ინსტრუქციის მიზანი - გაერკვნენ, თუ როგორ უნდა გაზარდოთ სურათები ისე, რომ ისინი გარკვეულწილად თანმიმდევრულად იყოს ნაჩვენები!

ნაბიჯი 9: იმის მტკიცებულება, რომ სურათები სათანადოდ არის წარმოდგენილი თავდაპირველად

იმის მტკიცებულება, რომ სურათები თავდაპირველად სათანადოდ არის წარმოდგენილი
იმის მტკიცებულება, რომ სურათები თავდაპირველად სათანადოდ არის წარმოდგენილი

აი რა ვნახე თავიდან სურათის ატვირთვისთანავე - ის ჯდება! (გაითვალისწინეთ, რომ მე უნდა მოვათავსო ეკრანის 1600x1200 გამოსახულება (ანუ 4: 3 თანაფარდობა), რათა ინსტრუქციამ აჩვენოს მთლიანი ეკრანის სურათი!)

რა თქმა უნდა, თქვენ იცით, როდესაც ამ სურათს ათვალიერებთ, წყვილი უკან უკან იხევს, ის აღარ ჯდება. ვნახოთ, რა მინიმალური სიგანე უნდა იყოს, რომ მოერგოს.

ნაბიჯი 10: ცდა 382x287 (4: 3 თანაფარდობა)

ცდა 382x287 (4: 3 თანაფარდობა)
ცდა 382x287 (4: 3 თანაფარდობა)

მე შევინარჩუნე 382 სიგანე და ჩავაგდე ორიგინალური 382x206 სურათი 382x287 ტილოზე, რომ გავხადო 4: 3 ასპექტის თანაფარდობა, რადგან ჩვენ ადრე აღმოვაჩინეთ, რომ Instructable- ს სჭირდება გამოსახულება, რომელიც შეესაბამება 4: 3 თანაფარდობას, რომ აჩვენოს იგი მთლიანად.

ასე რომ, ახლა ბევრი ცარიელი თეთრი სივრცეა მის ქვეშ. ის ჯდება არაფრით დაჭრილი, მაგრამ ისევ გაფართოვდა გარკვეული სიგანის შესავსებად, ასე რომ გამოსახულება არ არის მკვეთრი. შევეცადოთ ვიპოვოთ რა არის ეს სრულყოფილი ინსტრუქციული სიგანე.

ნაბიჯი 11: სურათის გაფართოება 300x206– დან 600x206– მდე რომ ნახოთ უკეთესად გამოჩნდება

სურათის გაფართოება 300x206– დან 600x206– მდე რომ ნახოთ უკეთესად გამოჩნდება
სურათის გაფართოება 300x206– დან 600x206– მდე რომ ნახოთ უკეთესად გამოჩნდება

მე გადავაგდე ორიგინალური 382x206 (2: 1) სურათი 600x206 (3: 1) ტილოზე მხოლოდ იმის გასარკვევად, გაფართოება თუ არა 600 პიქსელზე გახდის Instructables მთელ სურათს. ისევ და ისევ, თავიდან ასე იყო, მაგრამ როგორც ხედავთ ახლა არა.

ეს არის მართლაც უცნაური რამ - ყოველ ჯერზე, როდესაც თქვენ პირველად ჩააგდებთ სურათს, როგორც ჩანს Instructables აჩვენებს ამ სურათს სწორად, არ აქვს მნიშვნელობა რა ზომის ან ასპექტის თანაფარდობაა ეს სურათი. ამჯერად მე გამოვედი Instructables– დან და დავხურე ეს ჩანართი, შემდეგ კი გადავხედე ამ ინსტრუქციულ „ახალს“, ასე ვთქვათ, რომ გადამემოწმებინა თუ არა გამოსახულება ისევ სწორად. ჩვეულებრივ, ეს საკმარისია იმისათვის, რომ Instructable- მა შეძლოს თავისი საქმის გაკეთება და დაიწყოს სურათების ზომის შეცვლა, რომლებიც არ არის 4: 3 ასპექტის თანაფარდობით და აჩვენოს ისინი მარცხენა და მარჯვენა მხარეებით დაჭრილი.

ჩემდა გასაკვირად, პირველად რამდენჯერმე გადავხედე ამ ინსტრუქციურად "ახალს" ეს სურათი დარჩა მთლიანად ნაჩვენები, მაგრამ, სამწუხაროდ, მას შემდეგ რაც სხვა საქმის გასაკეთებლად წავედი და დაახლოებით ერთი საათის შემდეგ მოვედი, ამ სურათის ჩვენება დაიწყო გაფართოვდა L&R მხარეებით მოწყვეტილი ისევ ისე როგორც ხედავთ ზემოთ.

რატომ ან როგორ ხდება ეს? წარმოდგენა არ მაქვს. მე წარმოდგენა არ მაქვს, თუ რატომ უნდა ელოდო სურათის ატვირთვის შემდეგ გარკვეული პერიოდის განმავლობაში, რის შედეგადაც Instructables გახდის მას განსხვავებულად, მაგრამ ასეც ხდება. როგორც მტკიცებულება, მე ვაჩვენებ ჩემს ეკრანზე აღბეჭდილ გამოსახულებას, რომელიც მშვენივრად არის ნაჩვენები პირველ ოჰში, 10-15 წუთის შემდეგ მას შემდეგ რაც მე ავტვირთავ შემდეგ სლაიდში.

ნაბიჯი 12: დადასტურება იმისა, რომ სურათები სწორად ჩანს თავდაპირველად ატვირთვის შემდეგ

დადასტურება იმისა, რომ სურათები სწორად ჩანს თავდაპირველად ატვირთვის შემდეგ
დადასტურება იმისა, რომ სურათები სწორად ჩანს თავდაპირველად ატვირთვის შემდეგ

აქ არის ეკრანის გადაღება, რომელიც აჩვენებს 600x206 გამოსახულებას მთლიანად ატვირთვისთანავე. ეს არის წინა სლაიდის ეკრანის გადაღება. დაუბრუნდით წინა სლაიდს და დაინახავთ, თუ რამდენად არის გამოსახული ახლა!

გაითვალისწინეთ, რომ ჩემი ეკრანის გადაღება რეალურად იყო 1563x766 ზომის, მაგრამ როგორც მე ვისწავლე ამ ინსტრუქციის დასაწყისში ჩატარებული ექსპერიმენტებისგან, ვიცოდი, რომ ეს არ შეესაბამებოდა 4: 3 ასპექტის თანაფარდობას (1563x766 არის დაახლოებით 4: 2). უბრალოდ ატვირთული რომ screenshot მისი ორიგინალური ზომა Instructable იქნება truncate კიდეები. მე ეს სურათი 4: 3 ტილოზე ჩავაგდე, ამიტომაც არის ბევრი ცარიელი თეთრი სივრცე ჩემი ეკრანის სურათის ქვეშ.

გაითვალისწინეთ, რომ ეკრანის ანაბეჭდი ასევე გადაღებულია მანამ, სანამ მე შევცვლი მე –11 საფეხურის სათაურს და დავამთავრებ ამ ტექსტის აკრეფას, თუ თქვენ გაინტერესებთ ეს!

გაკვეთილი - თქვენი ატვირთული სურათის ნახვა ბრაუზერში ატვირთვისთანავე, ის აუცილებლად არ აჩვენებს როგორ გამოჩნდება მომავალში. ნებისმიერი მიზეზის გამო, თითქმის ნებისმიერი ზომის და/ან ასპექტის თანაფარდობის გამოსახულება მშვენივრად ჩანს ატვირთვისთანავე და თუნდაც 10-15 წუთის განმავლობაში ატვირთვის შემდეგ და თუნდაც მას შემდეგ რაც გამოხვალთ ინსტრუქციიდან და იხილავთ ახალ ბრაუზერის ახალი სესიიდან და ა. რა

მაგრამ დაელოდეთ დაახლოებით ერთ საათს ან მეტს და ყველაფერი შეიცვლება! თქვენი სურათი, თუ ის არ შეესაბამება 4: 3 ასპექტის თანაფარდობას, იქნება მორგებული (ჩვეულებრივ გადიდებული) Instructable– ით, ისე რომ კიდეები მოწყვეტილია.

ნაბიჯი 13: დედააზრი - რა ვისწავლე

დედააზრი - რაც ვისწავლე
დედააზრი - რაც ვისწავლე

ამრიგად, რა ვისწავლე?

1. სურათის სრულად გამოსახვისთვის აუცილებელია 4: 3 ასპექტის თანაფარდობის (სიგანე: სიმაღლე) დაცვა!

2. გამოიყენეთ ორიგინალური სურათები, რომლებიც დიდია უმაღლესი გარჩევადობით და ჩაყარეთ ისინი 4: 3 თანაფარდობის ტილოზე. თუ ძალიან დიდია, Instructables შეამცირებს მას და გექნებათ ლამაზი მკვეთრი სურათები.

3. თუ თქვენი სურათი ძალიან მცირეა (600 პიქსელზე ნაკლები სიგანე) Instructable გააფართოებს თქვენს სურათს და გახდის მას მინიმუმ 600 პიქსელის სიგანეს, რაც მას ნაკლებად მკვეთრს გახდის. მე ვამბობ "ish" იმიტომ, რომ მე ნამდვილად არ ვიცი ზუსტად რა სიგანეს იყენებს Instructable, მაგრამ, როგორც ჩანს, ახლოსაა 600. ეს ალბათ 640 -ია, რაც ჩვეულებრივი სიგანე იყო ძველი სკოლის მილის მონიტორის დღეებში.

600x450 და 640x480 არის 4: 3 ასპექტის თანაფარდობა. ყველა ძველი სკოლის "სრული ეკრანის" მილის მონიტორები იყო 640x480 (სიგანე x სიმაღლე).

4. რა უნდა გააკეთოთ, თუ თქვენი ორიგინალური სურათი არ არის მინიმუმ 600 პიქსელის სიგანე? ყველაფერი რაც თქვენ შეგიძლიათ გააკეთოთ არის ჩააგდოთ ტილოზე, რომელიც შეესაბამება 4: 3 თანაფარდობას და აჩვენებს თქვენს სურათს ორიგინალ ზომასთან ახლოს. თუ თქვენი თავდაპირველი სურათი არის პატარა, იქნება ბევრი ცარიელი თეთრი სივრცე, ასე რომ შეეცადეთ ცენტრირებული გახადოთ თქვენი სურათი ან განათავსოთ თეთრი სივრცე სურათის ზემოთ ან ქვემოთ და გახადოთ ის რაც შეიძლება საუკეთესოდ.

რამდენადაც მე ვიცი, ეს არის კომპრომისი, რომლის გაკეთებაც მოგიწევთ Instructables– ში, რათა თქვენი სურათები ხელუხლებელი იყოს.

როგორც მაგალითი, ზემოთ მოყვანილი სურათი არის 600x450 ტილოს ზომა, 382x206 გამოსახულებით მასში ჩავარდნილი და ცენტრირებული, ასე რომ ჩვენ გვაქვს თანაბარი ცარიელი თეთრი სივრცე ზემოთ და ქვემოთ. სურათი უხეშად აჩვენებს თავდაპირველ ზომას, მე ვფიქრობ, რომ Instructables შეიძლება გაფართოვდეს 640x480 (უმნიშვნელო გაფართოება), ასე რომ, ეს არის საუკეთესო, რაც შეგვიძლია გავაკეთოთ იმ ორიგინალ გამოსახულებასთან.

5. ნუ ენდობით გადახედვას და ნუ ენდობით თქვენს სურათს, როგორც ჩანს, პირველი რამდენიმე საათის განმავლობაში მათ Instructable– ში ატვირთვის შემდეგ! რაიმე მიზეზის გამო, სურათის ზომები არ ჩანს თანმიმდევრული მათ ატვირთვის შემდეგ რამდენიმე საათში.

ყოველ ჯერზე, როდესაც თქვენ პირველად ჩააგდებთ სურათს, როგორც ჩანს Instructables აჩვენებს ამ სურათს სწორად, არ აქვს მნიშვნელობა რა ზომის ან ასპექტის თანაფარდობაა ეს სურათი. შეიძლება გარკვეული პერიოდის შემდეგაც კი გამოჩნდეს სწორად, მაგრამ არ დაიჯეროთ, რადგან საბოლოოდ, ის შეცვლის მათ ზომას და მოგცემთ პრობლემებს, თუ არ დაიცავთ ამ 4: 3 წესს!

ვიმედოვნებ, რომ ეს დაგეხმარებათ და გთხოვთ, თუ თქვენ იპოვით უკეთეს გზას ან გაქვთ რაიმე სხვა მინიშნება, შემატყობინეთ!

გირჩევთ: