ഫോട്ടോഷോപ്പിൽ ഒരു ആനിമേഷൻ സൃഷ്ടിച്ചതിന് ശേഷം, ലഭ്യമായ ഫോർമാറ്റുകളിലൊന്നിൽ ഇത് സംരക്ഷിക്കണം, അതിൽ ഒരാൾ GIF ആണ്. ഈ ഫോർമാറ്റിന്റെ ഒരു സവിശേഷത, അത് ബ്ര .സറിൽ പ്രദർശിപ്പിക്കാനാണ് ഉദ്ദേശിക്കുന്നത്.
ആനിമേഷൻ സംരക്ഷിക്കുന്നതിനുള്ള മറ്റ് ഓപ്ഷനുകളിൽ നിങ്ങൾക്ക് താൽപ്പര്യമുണ്ടെങ്കിൽ, ഈ ലേഖനം വായിക്കാൻ ഞങ്ങൾ ശുപാർശ ചെയ്യുന്നു:
പാഠം: ഫോട്ടോഷോപ്പിൽ വീഡിയോ എങ്ങനെ സംരക്ഷിക്കാം
ഒരു GIF ആനിമേഷൻ സൃഷ്ടിക്കുന്ന പ്രക്രിയ മുമ്പത്തെ പാഠങ്ങളിൽ ഒന്നിൽ വിവരിച്ചിരുന്നു, കൂടാതെ ഇന്ന് GIF ഫോർമാറ്റിലും ഒപ്റ്റിമൈസേഷൻ ക്രമീകരണങ്ങളിലും ഫയൽ എങ്ങനെ സംരക്ഷിക്കാമെന്നും ഒപ്റ്റിമൈസേഷൻ ക്രമീകരണങ്ങൾക്കും ഞങ്ങൾ സംസാരിക്കുമെന്നും സംസാരിക്കും.
പാഠം: ഫോട്ടോഷോപ്പിൽ ഒരു ലളിതമായ ആനിമേഷൻ സൃഷ്ടിക്കുക
GIF സംരക്ഷിക്കുന്നു.
ആരംഭിക്കാൻ, ഞങ്ങൾ മെറ്റീരിയൽ ആവർത്തിച്ച് ക്രമീകരണ വിൻഡോ വായിച്ചു. ഫയൽ മെനുവിലെ "വെബ്" യ്ക്കായി സംരക്ഷിക്കുക "ഇനത്തിൽ ക്ലിക്കുചെയ്ത് ഇത് തുറക്കുന്നു.
വിൻഡോയിൽ രണ്ട് ഭാഗങ്ങളുണ്ട്: ഒരു പ്രിവ്യൂ ബ്ലോക്ക്
ഒപ്പം ക്രമീകരണ ബ്ലോക്കും.
ബ്ലോക്ക് പ്രിവ്യൂ
ബ്ലോക്കിന്റെ മുകളിൽ തിരഞ്ഞെടുത്ത കാഴ്ച ഓപ്ഷനുകളുടെ എണ്ണം തിരഞ്ഞെടുക്കുക. ആവശ്യങ്ങൾ അനുസരിച്ച്, നിങ്ങൾക്ക് ആവശ്യമുള്ള ക്രമീകരണം തിരഞ്ഞെടുക്കാം.
ഒറിജിനൽ ഒഴികെ ഓരോ വിൻഡോയിലെയും ചിത്രം പ്രത്യേകം ക്രമീകരിച്ചിരിക്കുന്നു. നിങ്ങൾക്ക് ഒപ്റ്റിമൽ ഓപ്ഷൻ തിരഞ്ഞെടുക്കുന്നതിനായി ഇത് ചെയ്തു.
ബ്ലോക്കിന്റെ ഇടതുവശത്ത് ഒരു ചെറിയ കൂട്ടം ഉപകരണങ്ങൾ ഉണ്ട്. ഞങ്ങൾ "കൈ", "സ്കെയിൽ" എന്നിവ മാത്രം ഉപയോഗിക്കും.
"ഹാൻഡ്" ഉപയോഗിച്ച് നിങ്ങൾക്ക് തിരഞ്ഞെടുത്ത വിൻഡോയ്ക്കുള്ളിൽ ചിത്രം നീക്കാൻ കഴിയും. ഈ ഉപകരണമാണ് ചോയിസ് നിർമ്മിച്ചിരിക്കുന്നത്. "സ്കെയിൽ" അതേ പ്രവർത്തനം നടത്തുന്നു. ചിത്രം ഏകദേശം ഇല്ലാതാക്കുക, ബ്ലോക്കിന്റെ അടിയിൽ ബട്ടണുകളും ആകാം.
ലിഖിതത്തിന്റെ "കാഴ്ച" ഉള്ള ബട്ടൺ ചുവടെ കുറവാണ്. സ്ഥിരസ്ഥിതി ബ്ര .സറിൽ ഇത് തിരഞ്ഞെടുത്ത ഓപ്ഷൻ തുറക്കുന്നു.
പാരാമീറ്ററുകൾ സജ്ജീകരിക്കുന്നതിന് ബ്ര browser സർ വിൻഡോയിൽ, നമുക്ക് HTML GIF കോഡ് ലഭിക്കും.
ക്രമീകരണങ്ങൾ തടയുക
ഈ ബ്ലോക്കിൽ, ഇമേജ് പാരാമീറ്ററുകൾ ക്രമീകരിച്ചു, കൂടുതൽ പരിഗണിക്കുക.
- വർണ്ണ സ്കീം. ഒപ്റ്റിമൈസ് ചെയ്യുമ്പോൾ ഇമേജിൽ ഇൻഡെക്സിഡ് നിറങ്ങളുടെ പട്ടിക ഏത് പട്ടികയിൽ പ്രയോഗിക്കുന്നതായി ഈ ക്രമീകരണം നിർണ്ണയിക്കുന്നു.
- പെർസെപ്ച്വൽ, ലളിതമായി "ധാരണയുടെ പദ്ധതി". ഇത് ഉപയോഗിക്കുമ്പോൾ, ഫോട്ടോഷോപ്പ് ചിത്രത്തിന്റെ നിലവിലെ ഷേഡുകളാൽ നയിക്കപ്പെടുന്ന നിറങ്ങളുടെ പട്ടിക സൃഷ്ടിക്കുന്നു. ഡവലപ്പർമാർ അനുസരിച്ച്, മനുഷ്യന്റെ കണ്ണ് എങ്ങനെയാണ് നിറം കാണുന്നത് കഴിയുന്നത്ര അടുത്തായി ഈ പട്ടിക കഴിയുന്നത്ര അടുത്താണ് ഈ പട്ടിക. പ്ലസ് - ഇമേജ് ഒറിജിനലിനോട് ഏറ്റവും അടുത്തതാണ്, നിറങ്ങൾ പരമാവധി സംരക്ഷിച്ചു.
- സെലക്ടീവ് സ്കീം മുമ്പത്തേതിന് സമാനമാണ്, പക്ഷേ വെബിനായുള്ള വെബ് സുരക്ഷിതവുമായി ബന്ധപ്പെട്ട നിറങ്ങൾ പ്രധാനമായും അതിൽ ഉപയോഗിക്കുന്നു. ഷേഡുകളുടെ പ്രദർശനത്തിലും ഇത് പ്രാരംഭത്തിന് കേന്ദ്രീകരിച്ചിരിക്കുന്നു.
- അഡാപ്റ്റീവ്. ഈ സാഹചര്യത്തിൽ, ചിത്രത്തിൽ കൂടുതൽ സാധാരണമായ നിറങ്ങളിൽ നിന്നാണ് പട്ടിക സൃഷ്ടിക്കുന്നത്.
- പരിമിതപ്പെടുത്തിയിരിക്കുന്നു. 77 നിറങ്ങൾ ഉൾക്കൊള്ളുന്നു, അവയിൽ ചിലത് വെളുത്ത നിറത്തിൽ ഒരു പോയിന്റിന്റെ രൂപത്തിൽ (ധാന്യങ്ങൾ) രൂപത്തിൽ മാറ്റിസ്ഥാപിക്കുന്നു.
- ഇഷ്ടാനുസൃതമാണ്. ഈ സ്കീം തിരഞ്ഞെടുക്കുമ്പോൾ, നിങ്ങളുടെ സ്വന്തം പാലറ്റ് സൃഷ്ടിക്കാൻ കഴിയും.
- കറുപ്പും വെളുപ്പും. ഈ പട്ടിക രണ്ട് നിറങ്ങൾ (കറുപ്പും വെളുപ്പും) മാത്രമേ ഉപയോഗിക്കുന്നുള്ളൂ.
- ചാരനിറത്തിലുള്ള ഗ്രേഡുകളിൽ. ചാരനിറത്തിലുള്ള വിവിധ 84 ലെവലുകൾ ഉണ്ട്.
- മാക്കോസും വിൻഡോസും. ഈ ഓപ്പറേറ്റിംഗ് സിസ്റ്റങ്ങൾ പ്രവർത്തിപ്പിക്കുന്ന ബ്ര browsers സറുകളിലെ മാപ്പിംഗ് ചിത്രങ്ങളുടെ സവിശേഷതകളെ അടിസ്ഥാനമാക്കി പട്ടിക ഡാറ്റ സമാഹരിച്ചിരിക്കുന്നു.
പദ്ധതികൾ പ്രയോഗിക്കുന്നതിനുള്ള ചില ഉദാഹരണങ്ങൾ ഇതാ.
നിങ്ങൾക്ക് കാണാനാകുന്നതുപോലെ, ആദ്യത്തെ മൂന്ന് സാമ്പിളുകൾക്ക് തികച്ചും സ്വീകാര്യമായ നിലവാരമുള്ളതാണ്. കാഴ്ചയിൽ അവർ മിക്കവാറും തമ്മിൽ വ്യത്യാസമില്ലെങ്കിലും, വ്യത്യസ്ത ചിത്രങ്ങളിൽ ഈ സ്കീമുകൾ വ്യത്യസ്തമായി പ്രവർത്തിക്കും.
- കളർ പട്ടികയിലെ പരമാവധി നിറങ്ങൾ.
ചിത്രത്തിലെ ഷേഡുകളുടെ എണ്ണം അതിന്റെ ഭാരം നേരിട്ട് ബാധിക്കുന്നു, അതനുസരിച്ച്, ബ്രൗസറിലെ ഡൗൺലോഡ് വേഗതയിൽ. 128 ന്റെ മൂല്യം മിക്കപ്പോഴും ഉപയോഗിക്കുന്നു, കാരണം ഈ ക്രമീകരണം ഗുണനിലവാരത്തെ ബാധിക്കില്ല, ഗീഫിന്റെ ഭാരം കുറയ്ക്കുമ്പോൾ.
- വെബ് നിറങ്ങൾ. ഈ ക്രമീകരണം ഫേഡുകൾ ഒരു സുരക്ഷിത വെബ് പാലറ്റിൽ നിന്ന് തുല്യമായി പരിവർത്തനം ചെയ്യുന്ന സഹിഷ്ണുത സ്ഥാപിക്കുന്നു. സ്ലൈഡർ സജ്ജമാക്കിയ മൂല്യമാണ് ഫയലിന്റെ ഫീൽഡ് നിർണ്ണയിക്കുന്നത്: മൂല്യം കൂടുതലാണ് - ഫയൽ കുറവാണ്. വെബ് നിറങ്ങൾ സജ്ജീകരിക്കുമ്പോൾ ഗുണനിലവാരത്തെയും മറക്കരുത്.
ഉദാഹരണം:
- തിരഞ്ഞെടുത്ത ഇൻഡെക്സിംഗ് ടേബിളിൽ അടങ്ങിയിരിക്കുന്ന ഷേഡുകൾ കലർത്തി നിറങ്ങൾക്കിടയിലുള്ള പരിവർത്തനങ്ങൾ സുഗമമാക്കാൻ ഡൈസ്ഡിംഗ് നിങ്ങളെ അനുവദിക്കുന്നു.
കൂടാതെ, അത് എങ്ങനെ ഗ്രേഡിയന്റുകളെയും മോണോക്രോമാറ്റിക് സൈറ്റുകളുടെ സമഗ്രതയെയും എങ്ങനെ സംരക്ഷിക്കാമെന്നും സഹായിക്കും. വിതരണത്തെ ഉപയോഗിക്കുമ്പോൾ ഫയലിന്റെ ഭാരം വർദ്ധിപ്പിക്കുന്നു.
ഉദാഹരണം:
- സുതാര്യത. ജിഫ് ഫോർമാറ്റ് തികച്ചും സുതാര്യമോ അല്ലെങ്കിൽ തികച്ചും അതാര്യമായ പിക്സലുകളോ പിന്തുണയ്ക്കുന്നു.
അധിക ക്രമീകരണം ഇല്ലാതെ, ഈ പാരാമീറ്റർ, പിക്സൽ ലേഡീസ് ഉപേക്ഷിച്ച് പിഴുതുകുത്തകൾ വളവുകൾ മോശമായി പ്രദർശിപ്പിക്കുന്നു.
ക്രമീകരണത്തെ "മാറ്റ്" എന്ന് വിളിക്കുന്നു (ചില എഡിറ്റർമാരിൽ "കൈമ"). ഇതുപയോഗിച്ച്, പിക്സൽ ചിത്രങ്ങൾ ചേർക്കുന്നതിനായി ഇത് ക്രമീകരിച്ചിരിക്കുന്നു, അത് അത് സ്ഥിതിചെയ്യുന്ന പേജിന്റെ പശ്ചാത്തലത്തിൽ മിക്സ് ചെയ്യാൻ ക്രമീകരിച്ചിരിക്കുന്നു. മികച്ച ഡിസ്പ്ലേയ്ക്കായി, സൈറ്റ് പശ്ചാത്തലത്തിന്റെ നിറത്തിന് അനുയോജ്യമായ ഒരു നിറം തിരഞ്ഞെടുക്കുക.
- ഇന്റർലേസ്ഡ്. വെബ് ക്രമീകരണങ്ങൾക്ക് ഏറ്റവും ഉപയോഗപ്രദമായ ഒന്ന്. ഫയലിന് ഗണ്യമായ ഭാരം ഉള്ള സാഹചര്യത്തിൽ, പേജിൽ ഉടൻ തന്നെ കാണിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു, കാരണം അത് അതിന്റെ ഗുണനിലവാരം മെച്ചപ്പെടുത്തുന്നു.
- സംരക്ഷിക്കുമ്പോൾ പരമാവധി യഥാർത്ഥ ഇമേജ് നിറങ്ങൾ സംരക്ഷിക്കാൻ SRGB പരിവർത്തനം സഹായിക്കുന്നു.
"ഡിസ്ലിയാനിംഗ് സുതാര്യത" സജ്ജീകരിക്കുന്നത് ഇമേജ് ഗുണനിലവാരത്തെ കാര്യമായി നശിപ്പിക്കുന്നു, പാഠത്തിന്റെ പ്രായോഗിക ഭാഗത്തുള്ള "നഷ്ടം" പാരാമീറ്ററിൽ ഞങ്ങൾ സംസാരിക്കും.
ഫോട്ടോഷോപ്പിൽ ജിഫുകൾ സംരക്ഷിക്കുന്ന പ്രക്രിയയെക്കുറിച്ചുള്ള മികച്ച ധാരണയ്ക്ക്, നിങ്ങൾ പരിശീലിക്കണം.
പരിശീലിക്കുക
ഗുണനിലവാരം നിലനിർത്തുമ്പോൾ ഫയലിന്റെ ഭാരം പരമാവധി കുറയ്ക്കുന്നതിനാണ് ഇന്റർനെറ്റിനായി ചിത്രങ്ങൾ ഒപ്റ്റിമൈസ് ചെയ്യുന്നതിന്റെ ലക്ഷ്യം.
- ചിത്രം പ്രോസസ്സ് ചെയ്ത ശേഷം, "ഫയലിലേക്ക് - വെബ്" മെനുവിലേക്ക് പോകുക.
- "4 ഓപ്ഷൻ" വ്യൂ മോഡ് പ്രദർശിപ്പിക്കുക.
- അടുത്തതായി, ഒറിജിനലിന് സമാനമാക്കുന്നതിന് നിങ്ങൾക്ക് ഒരു ഓപ്ഷനുകൾ ആവശ്യമാണ്. ഇത് ഉറവിടത്തിന്റെ വലതുവശത്തുള്ള ഒരു ചിത്രമാകട്ടെ. പരമാവധി ഗുണനിലവാരമുള്ള ഫയലിന്റെ വലുപ്പം കണക്കാക്കുന്നതിനാണ് ഇത് ചെയ്യുന്നത്.
ക്രമീകരണ ക്രമീകരണങ്ങൾ ഇപ്രകാരമാണ്:
- കളർ സ്കീം "സെലക്ടീവ്".
- "നിറങ്ങൾ" - 265.
- "ഡയറൻസ്" "റാൻഡം", 100%.
- ചിത്രത്തിന്റെ അന്തിമ ചിത്രം വളരെ ചെറുതായതിനാൽ "ഇന്റർലേസിഡ്" പാരാമീറ്ററിന് എതിർവശത്തായി ജോലികൾ നീക്കംചെയ്യുക.
- "വെബ് നിറങ്ങൾ", "നഷ്ടങ്ങൾ" - പൂജ്യം.
ഫലത്തെ യഥാർത്ഥവുമായി താരതമ്യം ചെയ്യുക. സാമ്പിൾ വിൻഡോയുടെ ചുവടെ, നിർദ്ദിഷ്ട ഇന്റർനെറ്റ് വേഗതയിൽ നിലവിലെ GIF വലുപ്പവും ലോഡിംഗ് സ്പീഡും കാണാം.
- ചുവടെ ക്രമീകരിച്ച ചിത്രത്തിലേക്ക് പോകുക. അത് ഒപ്റ്റിമൈസ് ചെയ്യാൻ ശ്രമിക്കാം.
- സ്കീം മാറ്റമില്ലാതെ വിടുക.
- നിറങ്ങളുടെ എണ്ണം 128 വരെ കുറയുന്നു.
- മിസ്മെന്ററിംഗ് മൂല്യം 90% ആയി കുറഞ്ഞു.
- വെബ്-നിറങ്ങൾ തൊടുന്നില്ല, കാരണം ഈ സാഹചര്യത്തിൽ ഗുണനിലവാരം നിലനിർത്താൻ ഇത് ഞങ്ങളെ സഹായിക്കില്ല.
GIF വലുപ്പം 36.59 കെബിയിൽ നിന്ന് 26.85 കെബിയായി കുറഞ്ഞു.
- ചില ധാന്യങ്ങളും ചെറിയ വൈകല്യങ്ങളും ഇതിനകം ചിത്രത്തിൽ ഉണ്ടായിരിക്കുന്നതിനാൽ, "നഷ്ടങ്ങൾ" വർദ്ധിപ്പിക്കാൻ ശ്രമിക്കാം. ഈ പാരാമീറ്റർ GIF കംപ്രസ്സുചെയ്യുമ്പോൾ അനുവദനീയമായ ഡാറ്റ നഷ്ടത്തിന്റെ ഒരു ലെവൽ നിർവചിക്കുന്നു. മൂല്യം 8 ആയി മാറ്റുക.
ഫയലിന്റെ വലുപ്പം കുറയ്ക്കുന്നതിനായി ഞങ്ങൾ ഇപ്പോഴും കഴിഞ്ഞു, അതേസമയം ഗുണനിലവാരത്തിൽ അൽപ്പം നഷ്ടപ്പെടും. ജിഫുകൾക്ക് ഇപ്പോൾ 25.9 കിലോബീറ്റുകൾ ഭാരമാണ്.
മൊത്തം 10 കെബിയെക്കുറിച്ചുള്ള ചിത്രത്തിന്റെ വലുപ്പം കുറയ്ക്കാൻ ഞങ്ങൾക്ക് കഴിഞ്ഞു, ഇത് 30% ൽ കൂടുതൽ. വളരെ നല്ല ഫലം.
- കൂടുതൽ പ്രവർത്തനങ്ങൾ വളരെ ലളിതമാണ്. സേവ് ബട്ടണിൽ ക്ലിക്കുചെയ്യുക.
സംരക്ഷിക്കാൻ ഞങ്ങൾ ഒരു സ്ഥലം തിരഞ്ഞെടുത്ത്, GIF- ന്റെ പേര് നൽകുക, വീണ്ടും "സംരക്ഷിക്കുക" അമർത്തുക.
ഞങ്ങളുടെ ചിത്രം നിർമ്മിക്കുന്ന ഒരു HTML പ്രമാണം സൃഷ്ടിക്കുന്നതിന് GIF ഉപയോഗിച്ച് ഒരു അവസരമുണ്ടെന്ന് ദയവായി ശ്രദ്ധിക്കുക. ഇത് ചെയ്യുന്നതിന്, ഒരു ശൂന്യമായ ഫോൾഡർ തിരഞ്ഞെടുക്കുന്നതാണ് നല്ലത്.
തൽഫലമായി, ഞങ്ങൾക്ക് ഒരു പേജും ഒരു ഫോൾഡറും ലഭിക്കും.
നുറുങ്ങ്: ഒരു ഫയൽ നാമം നൽകുമ്പോൾ, സിറിലിക് പ്രതീകങ്ങൾ ഉപയോഗിക്കാതിരിക്കാൻ ശ്രമിക്കുക, കാരണം എല്ലാ ബ്രൗസറുകളും അവ വായിക്കാൻ കഴിയുന്നില്ല.
ജിഫ് ഫോർമാറ്റിൽ ഇമേജ് സംരക്ഷിക്കുന്നതിനുള്ള ഈ പാഠം പൂർത്തിയായി. അതിൽ, ഇന്റർനെറ്റിൽ പ്ലെയ്സ്മെന്റിനായി ഫയൽ എങ്ങനെ ഒപ്റ്റിമൈസ് ചെയ്യാമെന്ന് ഞങ്ങൾ കണ്ടെത്തി.