ຂໍ້ດີຂອງ SVG
ເມື່ອທ່ານສ້າງເວັບໄຊທ໌ແລະເພີ່ມຮູບພາບໃນເວັບໄຊນັ້ນ, ຫນຶ່ງຖ້າສິ່ງທີ່ສໍາຄັນທີ່ສຸດທີ່ທ່ານຕ້ອງກໍານົດແມ່ນຮູບແບບໄຟລ໌ໃດທີ່ຖືກນໍາໃຊ້. ອີງຕາມຮູບພາບ, ຮູບແບບຫນຶ່ງອາດຈະດີຂຶ້ນກວ່າຄົນອື່ນ.
ຜູ້ອອກແບບເວັບໄຊຕ໌ຫຼາຍແມ່ນສະດວກສະບາຍທີ່ມີຮູບແບບໄຟລ໌ JPG, ແລະຮູບແບບນີ້ແມ່ນເຫມາະສົມສໍາລັບຮູບພາບທີ່ມີຄວາມເລິກສີເລິກເຊັ່ນຮູບຖ່າຍ. ໃນຂະນະທີ່ຮູບແບບນີ້ກໍ່ຈະເຮັດວຽກສໍາລັບຮູບພາບທີ່ງ່າຍດາຍ, ເຊັ່ນຮູບສັນຍາລັກຮູບພາບ, ມັນບໍ່ແມ່ນຮູບແບບທີ່ດີທີ່ສຸດທີ່ຈະໃຊ້ໃນຕົວຢ່າງນັ້ນ. ສໍາລັບໄອຄອນເຫຼົ່ານີ້, SVG ຈະເປັນທາງເລືອກທີ່ດີກວ່າ. ຂໍໃຫ້ພິຈາລະນາແທ້ໆວ່າເປັນຫຍັງ:
SVG Is Vector Technology
ນີ້ຫມາຍຄວາມວ່າມັນບໍ່ແມ່ນເຕັກໂນໂລຢີ. ຮູບພາບ Vector ແມ່ນການປະສົມປະສານຂອງເສັ້ນທີ່ສ້າງຂື້ນໂດຍໃຊ້ເລກຄະນິດສາດ. ໄຟລ໌ Raster ໃຊ້ pixels ລວງຫຼືສີ່ຫລ່ຽມຂະຫນາດນ້ອຍຂອງສີ. ນີ້ແມ່ນຫນຶ່ງໃນເຫດຜົນທີ່ SVG ສາມາດປັບຂະຫນາດແລະສົມບູນແບບສໍາລັບເວັບໄຊທ໌ທີ່ຕອບສະຫນອງທີ່ຕ້ອງຂະຫຍາຍຂະຫນາດພ້ອມກັບຂະຫນາດຫນ້າຈໍຂອງອຸປະກອນ. ເນື່ອງຈາກວ່າຮູບພາບ vector ແມ່ນຢູ່ໃນໂລກຂອງຄະນິດສາດ, ເພື່ອປ່ຽນຂະຫນາດ, ທ່ານພຽງແຕ່ປ່ຽນແປງຕົວເລກ. ໄຟລ໌ Raster ມັກຈະຮຽກຮ້ອງໃຫ້ມີການປ່ຽນແປງທີ່ສໍາຄັນໃນເວລາທີ່ມັນມາກັບການຂະຫນາດ. ໃນເວລາທີ່ທ່ານຕ້ອງການຂະຫຍາຍພາບໃນຮູບ vector, ບໍ່ມີການບິດເບືອນເພາະວ່າລະບົບແມ່ນຄະນິດສາດແລະຕົວທ່ອງເວັບພຽງແຕ່ recalculates ວ່າເລກແລະເຮັດໃຫ້ເສັ້ນລຽບຕາມເຄີຍ. ເມື່ອທ່ານຊູມຢູ່ໃນຮູບພາບ raster, ທ່ານຈະສູນເສຍຄຸນນະພາບຂອງຮູບພາບແລະໄຟລ໌ເລີ່ມຕົ້ນທີ່ຈະໄດ້ຮັບ fuzzy ໃນຂະນະທີ່ທ່ານເລີ່ມຕົ້ນທີ່ຈະເບິ່ງ pixels ເຫຼົ່ານັ້ນຂອງສີ. ຄະນິດສາດຂະຫຍາຍແລະສັນຍາ, pixels ບໍ່. ຖ້າທ່ານຕ້ອງການຮູບພາບຂອງທ່ານໃຫ້ມີຄວາມແຕກຕ່າງ, SVG ຈະໃຫ້ທ່ານມີຄວາມສາມາດ.
SVG ແມ່ນ Text-Based
ເມື່ອທ່ານໃຊ້ບັນນາທິການຮູບພາບເພື່ອຜະລິດຮູບພາບ, ໂຄງການຈະໃຊ້ຮູບພາບຂອງວຽກງານທີ່ສົມບູນຂອງທ່ານ. SVG ເຮັດວຽກທີ່ແຕກຕ່າງກັນ. ທ່ານຍັງສາມາດໃຊ້ໂປແກຼມຊອບແວບາງແລະຮູ້ສຶກວ່າທ່ານກໍາລັງແຕ້ມຮູບພາບແຕ່ວ່າຜະລິດຕະພັນສຸດທ້າຍແມ່ນການເກັບກໍາຂໍ້ເສັ້ນ vector ຫຼືແມ້ແຕ່ຄໍາສັບຕ່າງໆ (ຊຶ່ງເປັນພຽງແຕ່ vectors onb ຫນ້າ). ເຄື່ອງຈັກຊອກຫາຊອກຫາຄໍາສັບຕ່າງໆ, ໂດຍສະເພາະຄໍາຄົ້ນຫາ. ຖ້າທ່ານອັບໂຫລດ JPG , ທ່ານກໍາລັງຈໍາກັດຕົວເອງກັບຫົວຂໍ້ຂອງຮູບພາບຂອງທ່ານແລະອາດຈະເປັນປະໂຫຍກ ຂໍ້ຄວາມ alt . ດ້ວຍການກໍານົດລະຫັດ SVG, ທ່ານຈະຂະຫຍາຍໂອກາດແລະສ້າງຮູບພາບຕ່າງໆທີ່ມີເຄື່ອງຈັກໃນການຊອກຫາຫຼາຍຂຶ້ນ.
SVG ແມ່ນ XML ແລະເຮັດວຽກພາຍໃນຮູບແບບພາສາອື່ນໆ
ນີ້ຈະກັບຄືນໄປຫາລະຫັດທີ່ອີງໃສ່ຂໍ້ຄວາມ. ທ່ານສາມາດສ້າງຮູບພາບພື້ນຖານຂອງທ່ານໃນ SVG ແລະໃຊ້ CSS ເພື່ອປັບສີມັນ. ແມ່ນແລ້ວ, ທ່ານສາມາດມີຮູບພາບທີ່ເປັນໄຟລ໌ SVG ແຕ່ວ່າທ່ານຍັງສາມາດລະຫັດ SVG ໂດຍກົງເຂົ້າໃນຫນ້າເວັບແລະແກ້ໄຂມັນໃນອະນາຄົດ. ທ່ານສາມາດປ່ຽນມັນດ້ວຍ CSS ໃນລັກສະນະດຽວກັນທີ່ທ່ານຈະປ່ຽນແປງຂໍ້ຄວາມຫນ້າ, ແລະອື່ນໆ. ນີ້ແມ່ນມີອໍານາດຫຼາຍແລະມັນເຮັດໃຫ້ງ່າຍຕໍ່ການດັດແກ້.
SVG ຖືກດັດແປງຢ່າງງ່າຍດາຍ
ນີ້ອາດຈະເປັນປະໂຫຍດທີ່ໃຫຍ່ທີ່ສຸດ. ໃນເວລາທີ່ທ່ານເອົາຮູບຂອງຮຽບຮ້ອຍ, ມັນແມ່ນສິ່ງທີ່ມັນແມ່ນ. ເພື່ອເຮັດໃຫ້ການປ່ຽນແປງ, ທ່ານຕ້ອງກໍານົດ scene ແລະເອົາຮູບໃຫມ່. ກ່ອນທີ່ທ່ານຈະຮູ້ມັນ, ທ່ານມີ 40 ຮູບພາບຂອງຮຽບຮ້ອຍແລະຍັງບໍ່ມີສິດທີ່ຖືກຕ້ອງ. ກັບ SVG, ຖ້າທ່ານເຮັດຜິດພາດ, ປ່ຽນແປ້ນຫຼືຄໍາໃນຕົວແກ້ໄຂຂໍ້ຄວາມ, ແລະທ່ານກໍ່ເຮັດ. ຂ້າພະເຈົ້າສາມາດກ່ຽວຂ້ອງກັບເລື່ອງນີ້ເພາະວ່າຂ້າພະເຈົ້າໄດ້ແຕ້ມ ຮູບວົງກົມ SVG ທີ່ບໍ່ຖືກຕັ້ງຕໍາແຫນ່ງຢ່າງຖືກຕ້ອງ. ທັງຫມົດທີ່ຂ້າພະເຈົ້າຕ້ອງເຮັດຄືການປັບຕົວປະສານງານ.
ພາບ JPG ສາມາດຫນັກໄດ້
ຖ້າທ່ານຕ້ອງການຮູບພາບຂອງທ່ານຂະຫຍາຍຕົວໃນຂະຫນາດທາງດ້ານຮ່າງກາຍ, ມັນຈະຂະຫຍາຍຕົວໃນຂະຫນາດໄຟລ໌. ມີ SVG, ປອນແມ່ນຍັງເປັນປໍບໍ່ວ່າທ່ານຈະເຮັດແນວໃດໃຫຍ່. ຮຽບຮ້ອຍທີ່ກວ້າງ 2 ນິ້ວຈະມີນໍ້າຫນັກຄືກັນກັບຮຽບຮ້ອຍທີ່ກວ້າງ 100 ນິ້ວ. ຂະຫນາດໄຟລ໌ບໍ່ປ່ຽນແປງ, ທີ່ດີເລີດຈາກຈຸດປະຕິບັດຫນ້າຂອງຫນ້າ!
ດັ່ງນັ້ນແມ່ນຫຍັງທີ່ດີກວ່າ?
ດັ່ງນັ້ນ, ແມ່ນຮູບແບບທີ່ດີກວ່າ - SVG ຫຼື JPG? ທີ່ຂຶ້ນກັບຮູບພາບຂອງມັນເອງ. ນີ້ແມ່ນຄ້າຍຄືກັບຄໍາຖາມ "ສິ່ງທີ່ດີກວ່າ, hammer ຫຼື screwdriver?" ມັນຂຶ້ນກັບສິ່ງທີ່ທ່ານຕ້ອງການສໍາເລັດ! ຄືກັນກັບຮູບແບບຮູບພາບເຫຼົ່ານີ້. ຖ້າທ່ານຕ້ອງການສະແດງຮູບພາບແລ້ວ JPG ແມ່ນທາງເລືອກທີ່ດີທີ່ສຸດສໍາລັບທ່ານ. ຖ້າທ່ານກໍາລັງເພີ່ມໄອຄອນ, SVG ອາດຈະເປັນທາງເລືອກທີ່ດີກວ່າ. ທ່ານສາມາດຮຽນຮູ້ເພີ່ມເຕີມກ່ຽວກັບ ເວລາທີ່ເຫມາະສົມທີ່ຈະນໍາໃຊ້ໄຟລ໌ SVG ຢູ່ທີ່ນີ້ .
ບົດສະບັບຕົ້ນໂດຍ Jennifer Krynin. ແກ້ໄຂໂດຍ Jeremy Girard ເມື່ອວັນທີ 6/6/17