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

მეთოდი 1. როგორ შევცვალოთ გამოსახულების ზომა Microsoft Paint-ში

1. იპოვეთ და გაუშვით MS Paint. ინსტალაცია ყველა ვერსიაზე ოპერაციული სისტემა ფანჯრები. დაწყება> ყველა პროგრამა> აქსესუარები> Paint:

1. გადაიტანეთ სურათები Paint ფანჯრიდან ან გამოიყენეთ Vikorist მენიუ> გახსნა (Ctrl + O).
2. პროგრამის მთავარ მენიუში იპოვეთ პუნქტი „ზომის შეცვლა“ და აირჩიეთ:

1. გაიხსნება სურათის ზომისა და პროპორციების შეცვლის პანელი. მნიშვნელობები შეიძლება მითითებული იყოს პიქსელებში. არ დაგავიწყდეთ ჩასვათ ნიშანი " პროპორციების შენარჩუნება" წინააღმდეგ შემთხვევაში გამოსახულება დეფორმირებული იქნება:

1. სურათის ზომის გასაზრდელად დააჭირეთ ღილაკს "OK" და შეინახეთ ფოტო.

გთხოვთ:

• თუ თქვენ ვერ დააყენებთ ფოტოს საჭირო ზომებს მისი გაჭიმვის გარეშე, შეგიძლიათ გამოიყენოთ Crop ინსტრუმენტი ზედმეტი კიდეების მოსაშორებლად. როგორ მიიღოთ ის აღწერილია მე-3 პუნქტში;
• სურათის გასახსნელად დააწკაპუნეთ მასზე მარჯვენა ღილაკიგთხოვთ აირჩიოთ კონტექსტური მენიუპუნქტი " დააწკაპუნეთ დახმარებისთვის Paint»;
• უმჯობესია შეინახოთ სურათები იმავე ფორმატში, როგორც ორიგინალი.

მეთოდი 2. როგორ შევცვალოთ სურათის ზომა MS Photo Gallery-ში

1. იმის გამო, რომ Microsoft Photo Gallery არ არის დაინსტალირებული თქვენს კომპიუტერში ( დაწყება > ფოტო გალერეა), თქვენ უნდა ჩამოტვირთოთ და დააინსტალიროთ Windows Essentials 2012-ის ნაწილად;
2. გაუშვით MS Photo Gallery და იპოვეთ თქვენი გრაფიკული ფაილი;
3. დააწკაპუნეთ მასზე მაუსის მარჯვენა ღილაკით და აირჩიეთ პუნქტი "ზომის შეცვლა...":

1. აირჩიეთ მზა წინასწარ დაყენება: ” პატარა 640 პიქსელი", "საშუალო 1024", "დიდი 1280" და ა.შ.

1. Დაჭერა " შეცვალეთ ზომა და შეინახეთ" თუ სურათის ზომას გაზრდით, სურათი იმავე საქაღალდეში განთავსდება და ორიგინალიც დაიკარგება.

გთხოვთ:

• თუ სურათის ზუსტი ზომის დაყენება გჭირდებათ, აირჩიეთ " კორისტუვალნიცკი» დააყენეთ ზომა ფოტოს უფრო დიდი მხარისთვის;
• ერთდროულად რამდენიმე ფოტოს ზომის შესაცვლელად აირჩიეთ ისინი Ctrl ღილაკის გამოყენებით.

მეთოდი 3. როგორ შევცვალოთ სურათის ზომა Photoscape-ში

თქვენ შეგიძლიათ გაზარდოთ სურათის ზომა Photoshop-ში. ან vikoristovuvati ამ Photoscape.

1. გამოიყენეთ Photoscape და დააინსტალირეთ. გაუშვით პროგრამა;
2. გადადით "რედაქტორის" ჩანართზე და იპოვეთ ფოტო, რომლის რედაქტირებაც გსურთ:

1. სურათის ბოლოში არის ღილაკი "ზომის შეცვლა", დააწკაპუნეთ მასზე.
2. დააყენეთ ახალი ფოტო ზომა. გადადით ვარიანტზე " გადაარჩინე შენი ურთიერთობა» მონიშნულია და დააჭირეთ ღილაკს «OK»:

1. შეინახეთ წაშლილი სურათები.

გთხოვთ:

• თუ თქვენ გჭირდებათ რამდენიმე სურათის ზომის შეცვლა, გადადით "ჩანართზე" სურათების რედაქტორი" დაამატეთ საქაღალდე და შეცვალეთ ყველა ფოტოს ზომა;
• თუ ზუსტი ზომა არ იცით, შეგიძლიათ შეიყვანოთ "ზომა" გამომავალი ზომაში.

მეთოდი 4. როგორ შევცვალოთ სურათის ზომა IrfanView-ში

1. დააინსტალირეთ IrfanView - შესანიშნავი ინსტრუმენტი სურათების სანახავად და გასადიდებლად;
2. დაამატეთ ფოტო პროგრამის გამოყენებით ფანჯარაზე გადატანით ან ხელსაწყოთა ზოლში პირველ ღილაკზე დაჭერით:

1. გადადით "სურათის" ჩანართზე, აირჩიეთ " ზომის/პროპორციების შეცვლა» ( Ctrl+R);
2. დააყენეთ ახალი ზომა გამომავალი სურათის პიქსელებში, სანტიმეტრებში, ინჩებში ან სანტიმეტრებში:

1. სურათების შენახვა.

გთხოვთ:

• შეგიძლიათ აირჩიოთ სტანდარტული ზომები: 640 480 პიქსელი, 800 600 პიქსელი, 1024 768 პიქსელი და ა.შ.;
• Შეინახე მაღალი სიკაშკაშედარწმუნდით, რომ DPI პარამეტრი დაყენებულია მინიმუმ 300-ზე.

მეთოდი 5. როგორ შევცვალოთ სურათის ზომა ონლაინ

1. თქვენი სურათის ზომის გასაზრდელად ონლაინ, გადადით PicResize ვებსაიტზე.
2. Დააჭირეთ ღილაკს " დათვალიერება", ფოტოს ასარჩევად. Დაჭერა " განაგრძეთ»:

1. აირჩიეთ გამომავალი სურათის სიმაღლე, მაგალითად, 50%-ით ნაკლები. ინსტრუმენტი აჩვენებს გამომავალი სურათის ზომას. როგორც ალტერნატივა, შეგიძლიათ შეიყვანოთ ზუსტი ზომა არჩევით " მორგებული ზომა»:

სურათები არის საწყობები და პრაქტიკულად არ აქვს მნიშვნელობა საიტს, მას არ შეუძლია ზომის შეცვლის გარეშე. თქვენ შეგიძლიათ შეცვალოთ სურათის ზომა 2 გზით: გრაფიკული რედაქტორიან პროგრამულად შევიდა html კოდები css-ზე.

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

1. სურათების შეცვლა გრაფიკულ რედაქტორში

თქვენ შეგიძლიათ შეცვალოთ სურათის ზომა ნებისმიერი გრაფიკული რედაქტორის გამოყენებით (photoshop, gimp, xnview) და ის ავტომატურად შეიცვლება საიტზე თავდაპირველ ზომამდე.

მეთოდის უპირატესობები:

გამოსახულება უფრო ადრე გადიდდება, რადგან არ არის საჭირო მონაცემების (პიქსელების) გადიდება, რომელიც შემდეგ შეკუმშული იქნება პროგრამულად.

გრაფიკული რედაქტორები აუხსნელად ახდენენ 200 პიქსელზე ნაკლები სიგანისა და სიმაღლის სურათებს.

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

2. სურათების შეცვლა CSS კოდში საიტზე

Დადებითი:

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

მცირე სურათები, 200 პიქსელზე ნაკლები სიმაღლისა და სიგანეზე, აშკარად შეკუმშულია გრაფიკულ რედაქტორებში გამოსაყენებლად. თუ გსურთ, რომ საიტის გამოსახულების ზომა იყოს 200 პიქსელზე ნაკლები, ან კიდევ უკეთესი, გამომავალი ზომა უნდა იყოს 30-50%-ით დიდი (260-300 პიქსელი) შესანახად. გარნა იაკისტიროდესაც შეიცვალა.

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

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

როგორ შევცვალოთ სურათის ზომა html-ში css-ის გამოყენებით

სურათის ზომის შესაცვლელად html ცალკე გზით css vikorist ძალა სიგანე (სიგანე) და სიმაღლე (სიმაღლე)შუაში არის სტილის ატრიბუტი. თქვენ შეგიძლიათ დაწეროთ მხოლოდ სიგანე ან სიმაღლე და დაუზუსტებელი მნიშვნელობები ავტომატურად შეიცვლება სურათის პროპორციების შესანახად. მაგალითად, თუ დამატებითი სიგანის უკან მხოლოდ გამოსახულების სიგანეს მიუთითებთ, მისი სიმაღლე ავტომატურად შეიცვლება პროპორციების შენარჩუნებით. და ბოლოს, როდესაც მხოლოდ სიმაღლეს მიუთითებთ, მისი სიგანეც ავტომატურად შეიცვლება, სურათის პროპორციების შენარჩუნებით.

კონდახის კოდი სურათის ზომების ჩასმის გარეშე

ბრაუზერის შედეგი

გვერდითი კოდი

კოდის მაგალითი css გამოსახულების ზომის შეცვლით

ბრაუზერის შედეგი

გვერდითი კოდი

style="width:150px; " >

ორივე კონდახში, ვიკორსტანის ზემოთ ნაჩვენები სურათი არის იგივე სურათი ზომით 300x184 პიქსელი (სიგანე და სიმაღლე). პირველ აპლიკაციაში გამოსახულება ბრაუზერში აჩვენეს ცვლილებების გარეშე ორიგინალური ზომით 300x184px, ვინაიდან სიგანე და სიმაღლე არ იყო მითითებული CSS-ში. ხოლო 2 აპლიკაციაში ბრაუზერში გამოსახულება აჩვენეს 2-ჯერ შეცვლილი, ისე, რომ სიგანე იყო მითითებული 150 პიქსელი, სიმაღლე ავტომატურად შეიცვალა 92 პიქსელზე. მოგეხსენებათ, სიმაღლის ძალა შეიძლება იგნორირებული იყოს, რადგან ის ავტომატურად იცვლება სიგანის პროპორციულად.

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

რატომ არის არასწორი სურათების უფრო დიდი გაზრდა?

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

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

პირველ რიგში გთხოვთ შეგვატყობინოთ ელექტრომომარაგების შესახებ" როგორ ჩავსვათ სურათი HTML-ში?„აღსანიშნავია, რომ დიდი რაოდენობით გრაფიკული მასალით ვებ გვერდების ხელახლა განთავსება შეუძლებელია, მაგრამ აუცილებელია რესურსის ვიზუალური მიმზიდველობის გაუმჯობესება, მაგრამ ასევე საიტის მოზიდვისთვის საჭირო დროის გაზრდა.

ვებსაიტების შექმნისას ისინი ყველაზე ხშირად იყენებენ გრაფიკულ ფორმატებს PNG, GIF და JPEG, ხოლო სურათებთან დიზაინის მუშაობისთვის - გრაფიკული რედაქტორი Adobe Photoshop, რომელსაც აქვს სურათების შეკუმშვისა და ზომის შეცვლის უამრავი შესაძლებლობა სიცხადის დაკარგვის გარეშე. რაც ძალზე მნიშვნელოვანია. ვებ დეველოპმენტი .

როგორ ჩავსვათ სურათები HTML-ში?

სურათების HTML გვერდზე ჩასართავად გამოიყენება ერთი მარტივი ტეგი:

,

სადაც xxx – გამოსახულების მისამართები. თუ სურათი არის იმავე დირექტორიაში, როგორც გვერდი, ტეგი ასე გამოიყურება:

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

ის ნაჩვენებია გამოსახულების ადგილზე, როდესაც ის მიუწვდომელია, ჩანს ან ბრაუზერის რობოტის რეჟიმში სურათების გარეშე. ხელმისაწვდომია დამატებითი alt tag ატრიბუტისთვის .

გრაფიკულ ფაილში ალტერნატიული ტექსტის დამატების მაგალითი:

გამოსახულების ზომის მინიჭება HTML-ში

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

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

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

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

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

Მაგალითად:

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

ამ მიზნით, საკმარისია მიუთითოთ ერთზე მეტი პარამეტრის მნიშვნელობები ( სიგანე chi სიმაღლე), და სხვა ბრაუზერის მნიშვნელობები გამოითვლება ავტომატურად.

Roztashuvannya სურათები HTML-ში

ისევე როგორც ბევრი HTML ტეგი, მდე უბრალოდ არსებობს align ატრიბუტი, რომელიც განსაზღვრავს გამოსახულების გასწორებას:

- სურათი უფრო მნიშვნელოვანია ვიდრე ტექსტი;

- სურათი ნაჩვენებია ტექსტზე დაბლა;

- სურათი ნაჩვენებია მარცხნივ ტექსტთან ერთად;

- სურათი ტექსტის გვერდით მარჯვნივ ჩანს.

გამოსახულება-posilannya

სცადე ასე:

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

როგორ შევქმნათ სურათი HTML-ის გამოყენებით?

სურათების ჩასმა შესაძლებელია არა მხოლოდ გვერდით, როგორც ხილული ობიექტი, არამედ შეიძლება გამოყენებულ იქნას როგორც ფონის ობიექტები. სურათის ფონად დასანიშნად, თქვენ უნდა შეიყვანოთ ატრიბუტი background = "xxx" ტეგში, სადაც xxx არის სურათის მისამართი, რომელიც შეყვანილია ისევე, როგორც სხვა აპლიკაციებში.

მაგალითად, მე დავაყენებ ამ ტექსტურის სურათს ფონის სურათად:

შეინახეთ სურათები უკანა მხარეს მომზადებული მხრიდან და ჩაწერეთ შემდეგი რიგები:

ფონი ტექსტით.

გვერდზე ფონის სურათი დაყენებულია.

ფოტოს ზომა შეიცვლება მითითებულ ზომამდე სანტიმეტრებში (მილიმეტრებში, ინჩებში), ასევე მითითებულ DPI ზომამდე, ქაღალდის პრინტერის სტანდარტების შესაბამისად. ზომები სმ, მმ და ინჩი შეიძლება მიეთითოს მეათასედამდე, მაგალითად, 15x10 ფორმატის ნაცვლად შეგიძლიათ დააყენოთ 15.201x10.203 სმ.

ცხრილი ფოტოების სტანდარტული ზომებით ვერტიკალურ (პორტრეტულ) პოზიციაზე:

ქაღალდის ფურცლის სტანდარტული ზომა A4 ფორმატი- 21×29.7 სმ ან 2480×3508 პიქსელი 300 dpi. თაღების სხვა ფორმატების ზომები შეგიძლიათ ნახოთ ვიკიპედიის გვერდზე, მაგრამ არ უნდა დაგვავიწყდეს, რომ ზომები მილიმეტრებში და ინჩებში გადაჭარბებულია. ამ მხარეს რეგულირებისას, თქვენ უნდა აირჩიოთ შესაბამისი მნიშვნელობა.

თუ თქვენ გჭირდებათ ფოტოს ზომის შეცვლა DPI-ის რეგულირების გარეშე (წერტილები თითო ინჩზე), ისე, რომ მითითებული ფორმატის პროპორციები არ დარეგულირდეს, რისთვისაც თქვენ უნდა დააყენოთ "DPI Size" პარამეტრი "0"-ზე. პარამეტრები.

ორიგინალური სურათი არ იცვლება. თქვენ მოგეცემათ განსხვავებული სურათი.

ინსტრუქციები

უპირველეს ყოვლისა, შეეცადეთ იცოდეთ გამოსახულება დამატებითი ხმის სისტემებისთვის. შეიყვანეთ საძიებო ტერმინი და აირჩიეთ ჩანართი მორგებული ძიებებით. მაგალითად, Google-ს აქვს ღილაკი "Search Tools", ხოლო Yandex-ს აქვს ხატულა ნაბიჯ-ნაბიჯ ხატების სურათებით. ამის შემდეგ, თქვენ უნდა აირჩიოთ "ზომა" ელემენტი და შეიყვანოთ ზუსტი მნიშვნელობები. ან, მაგალითად, თუ გჭირდებათ მდიდარი ცალკეული შენობის ფოტოსურათი, იხილეთ „დიდი“.

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

პირველი მეთოდი. დააწკაპუნეთ "ფაილი" - "შექმნა..." ან კლავიშთა კომბინაცია Ctrl+N. ინსტრუქციებით გამოვჩნდები თქვენს წინაშე. იქ მიუთითეთ სიგანის, სიმაღლის და საჭირო ფერის გამოყოფის პარამეტრები. შემდეგ გახსენით სურათი ბრაუზერში, დააჭირეთ მაუსის მარჯვენა ღილაკს და აირჩიეთ "სურათის კოპირება" პუნქტი. შემდეგ დაუბრუნდით პროგრამას და დააჭირეთ კომბინაციას Ctrl+V.

სურათი გამოჩნდება გრაფიკული რედაქტორის ფანჯარაში. შემდეგ დააჭირეთ "რედაქტირება" - "მეტი ტრანსფორმაცია" ან კომბინაცია Ctrl + T. გამოჩნდება საკვანძო წერტილი, რომელიც დაგეხმარებათ გამოსახულების მორგებაში სამუშაო ფანჯრის ზომაზე. როგორც კი სასურველ შედეგს ამოიღებთ (სიტყვის დაწყებამდე, სამუშაო ზონის მიღმა), დააწკაპუნეთ „ფაილი“ - „შენახვა როგორც...“ ან კლავიშთა კომბინაცია Ctrl + S.

სხვა გზა. ჯერ უნდა გადახვიდეთ თქვენს კომპიუტერში, შემდეგ დააწკაპუნოთ "ფაილი" - "გახსნა..." (ან კომბინაცია Ctrl + O) და აირჩიეთ სასურველი სურათი. შემდეგ აირჩიეთ "სურათი" - "სურათის ზომა..." ან დააჭირეთ კომბინაციას Alt+Ctrl+I. მოხსენით მონიშვნა „პროპორციების შენარჩუნება“ და შეიყვანეთ საჭირო ზომა. შემდეგ დააჭირეთ OK.