ການສ້າງຮູບພາບເດັ່ນສຳລັບ Fedora Magazine

ແຕ່ລະບົດຄວາມໃນ Fedora Magazine ຈະຕ້ອງມີຮູບພາບເດັ່ນ. ຮູບພາບນີ້ຊ່ວຍເພີ່ມຄວາມດຶງດູດທາງສາຍຕາໃຫ້ກັບບົດຄວາມ ແລະ ຍັງປະກົດຂຶ້ນໃນລິ້ງເທິງສື່ສັງຄົມອອນລາຍ ເພື່ອດຶງດູດຜູ້ເຂົ້າຊົມໃຫ້ຫຼາຍຂຶ້ນ.

ຮູບພາບເຫຼົ່ານີ້ຖືກສ້າງຂຶ້ນເປັນຮູບພາບ SVG (scalable vector graphic). ເພື່ອເຮັດວຽກກັບຮູບພາບເຫຼົ່ານີ້, ທ່ານຄວນຕິດຕັ້ງແອັບພລິເຄຊັນທີ່ຮອງຮັບ SVG ເຊັ່ນ Inkscape. ນອກຈາກນັ້ນ, ທ່ານຍັງຕ້ອງຕິດຕັ້ງເຄື່ອງມື git ນຳອີກ.

Watch the https://youtu.be/F6Nf1gsR9S4ຮັບຊົມວິດີໂອ [Featured Images Workshop] ໃນຊ່ອງ YouTube ຂອງພວກເຮົາ ເພື່ອເບິ່ງການສາທິດກ່ຽວກັບແນວທາງ ແລະ ຄຳແນະນຳລຸ່ມນີ້, ພ້ອມທັງເຄັດລັບເພີ່ມເຕີມໃນການນຳໃຊ້ Inkscape..

ວິດີໂອນີ້ແມ່ນມາຈາກສະໄໝກ່ອນເຊິ່ງລະບຸເຖິງການນຳໃຊ້ຄັງເກັບຮູບພາບ GIT. ໃນປັດຈຸບັນແມ່ນບໍ່ໄດ້ໃຊ້ແລ້ວ. ແນວໃດກໍຕາມ, ການສາທິດການນຳໃຊ້ Inkscape ແມ່ນມີປະໂຫຍດຫຼາຍ. ຊ່ວງເວລາຕໍ່ໄປນີ້ອາດຈະເປັນປະໂຫຍດ: Inkscape (3:30 - 38:56), ການຕິດຕັ້ງຮູບພາບໃນ WP Engine (40:19 - 42:08), ແລະ ການສົນທະນາກ່ຽວກັບຟອນ (43:59: - 49:05). ວິທີການປັດຈຸບັນໃນການດຶງເອົາໄຟລ໌ແມ່ແບບ SVG ແມ່ນມີການອະທິບາຍໄວ້ໃນຄຳແນະນຳເຫຼົ່ານີ້ ລວມທັງການບັນທຶກໄຟລ໌ SVG ເພື່ອໃຊ້ໃນອະນາຄົດ.

ແນວທາງທີ່ສຳຄັນ

  • ໃຊ້ໂລໂກ້ຂອງ Fedora ໃນບາງໂອກາດເທົ່ານັ້ນ ເຊັ່ນ: ສຳລັບການປະກາດທີ່ສຳຄັນ ຫຼື ເພື່ອສະແດງເຖິງຄວາມກ່ຽວພັນກັບໂຄງການ.

  • ຫ້າມໃຊ້ໂລໂກ້ຈາກໂຄງການອື່ນ. ສ່ວນຫຼາຍແມ່ນຕ້ອງໄດ້ຮັບອະນຸຍາດກ່ອນຈຶ່ງຈະໃຊ້ໄດ້, ແລະ ມັນຍາກທີ່ຈະກຳນົດຜູ້ຮັບຜິດຊອບໃນການໃຫ້ອະນຸຍາດໃນໂຄງການທີ່ມີເຈົ້າຂອງເປັນກຸ່ມຄືກັບ Magazine.

  • ໃຊ້ສະເພາະຮູບພາບ, ຮູບຖ່າຍ ຫຼື ຮູບພາບໜ້າຈໍທີ່ມີໃບອະນຸຍາດທີ່ເໝາະສົມເທົ່ານັ້ນ, ຫຼື ຮູບທີ່ທ່ານສ້າງຂຶ້ນເອງ ເຊິ່ງສາມາດປະກອບສ່ວນພາຍໃຕ້ໃບອະນຸຍາດດັ່ງກ່າວໄດ້. (ລາຍລະອຽດເພີ່ມເຕີມຢູ່ລຸ່ມນີ້.)

ການດຶງເອົາຄັງເກັບຮູບພາບ

ເປີດ Terminal. (ທ່ານຈະໄດ້ພິມຄຳສັ່ງລົງໃນ Terminal ສຳລັບບາງຂັ້ນຕອນຕໍ່ໄປນີ້.)

ຕິດຕັ້ງແພັກເກັດ git ແລະ inkscape ຖ້າທ່ານຍັງບໍ່ທັນໄດ້ຕິດຕັ້ງ:

$ sudo dnf install git inkscape

ດາວໂຫຼດໄຟລ໌ແມ່ແບບຈາກ WP Engine Media Library ໂດຍໃຊ້ຄຳສັ່ງຕໍ່ໄປນີ້ ເພື່ອວາງມັນໄວ້ໃນໄດເຣັກທໍຣີ Templates ຂອງທ່ານໂດຍກົງ.

wget -P ~/Templates https://fedoramagazine.org/wp-content/uploads/2026/05/fedora-magazine-template.svg

ຫຼື ດາວໂຫຼດມັນໄປໄວ້ໃນບ່ອນທີ່ທ່ານຕ້ອງການ.

ການສ້າງຮູບພາບໃໝ່ໂດຍໃຊ້ແມ່ແບບ (Template)

ເປີດ Inkscape, ແລ້ວເລືອກ File > Open… (ຫຼື ກົດ Ctrl+O). ເຂົ້າໄປທີ່ໂຟນເດີຂອງໂຄງການ, ຈາກນັ້ນເຂົ້າໄປທີ່ fedoramagazine-images, ແລ້ວເຂົ້າໄປທີ່ images. ເລືອກໄຟລ໌ template.svg.

ບັນທຶກໄຟລ໌ນີ້ເປັນໄຟລ໌ SVG ໃໝ່ດ້ວຍຊື່ອື່ນໂດຍໃຊ້ຕົວເລືອກ "File > Save As…​". ໂດຍປົກກະຕິແລ້ວ ຮູບພາບຄວນຖືກຕັ້ງຊື່ຕາມບົດຄວາມເພື່ອໃຫ້ງ່າຍຕໍ່ການລະບຸໃນພາຍຫຼັງ. ຕົວຢ່າງ "using-inkscape.svg" ອາດຈະຖືກໃຊ້ສຳລັບບົດຄວາມທີ່ກ່ຽວກັບຫົວຂໍ້ນັ້ນ. ການບໍ່ບັນທຶກໄວ້ລ່ວງໜ້າອາດສ່ຽງຕໍ່ການຂຽນທັບແມ່ແບບໂດຍບໍ່ໄດ້ຕັ້ງໃຈໃນພາຍຫຼັງ.

ທ່ານສາມາດນຳໃຊ້ອົງປະກອບພາຍໃນໄຟລ໌ນີ້ເພື່ອເລີ່ມຕົ້ນດ້ວຍຂະໜາດເອກະສານທີ່ຖືກຕ້ອງ ແລະ ພື້ນຫຼັງທີ່ຖືກຕັ້ງຄ່າໄວ້ລ່ວງໜ້າ. ສາມາດເບິ່ງໄຟລ໌ SVG ອື່ນໆເພື່ອເປັນແນວທາງໄດ້. ຖ້າທ່ານຍັງບໍ່ມີປະສົບການກັບຮູບພາບເຫຼົ່ານີ້, ໃຫ້ພະຍາຍາມໃຊ້ຟອນ ແລະ ຮູບແບບທີ່ເຫັນໃນປ້າຍໂຄສະນາ (banner) ຫຼ້າສຸດ. ແຕ່ກໍສາມາດທົດລອງສິ່ງໃໝ່ໆໄດ້ເຊັ່ນກັນ! ຕົວຢ່າງ: ໃຊ້ຮູບຖ່າຍ (ທີ່ມີໃບອະນຸຍາດແບບເສລີ ເຊັ່ນ CC-BY ຫຼື CC-BY-SA) ພ້ອມກັບການວາງຂໍ້ຄວາມຊ້ອນທັບເພື່ອໃຫ້ເບິ່ງສວຍງາມ. Unsplash.com ມີຄັງຮູບພາບຂະໜາດໃຫຍ່ທີ່ເປັນສາທາລະນະ (public domain) ເຊິ່ງທ່ານສາມາດນຳມາເລີ່ມຕົ້ນໄດ້.

ການນຳຮູບພາບເກົ່າມາໃຊ້ຄືນ

ການນຳຮູບພາບເກົ່າມາໃຊ້ຄືນແມ່ນເໝາະສົມຫາກມີຄວາມກ່ຽວຂ້ອງກັນລະຫວ່າງບົດຄວາມເກົ່າ ແລະ ບົດຄວາມໃໝ່. ໃຫ້ພະຍາຍາມປັບປ່ຽນບາງຢ່າງກ່ຽວກັບຮູບພາບ ເຊັ່ນ: ຂໍ້ຄວາມ. ຫາກພື້ນຫຼັງເປັນແບບນາມມະທຳ (ບໍ່ແມ່ນຮູບຖ່າຍ), ໃຫ້ພິຈາລະນາການປັບສົມດຸນຂອງສີໃໝ່.

ເມື່ອທ່ານນຳຮູບພາບເກົ່າມາໃຊ້ຄືນ, ໃຫ້ກວດເບິ່ງວ່າທ່ານໄດ້ຕິດຕັ້ງຟອນທີ່ຖືກຕ້ອງທັງໝົດແລ້ວ. ເພື່ອເບິ່ງລາຍຊື່, ທ່ານສາມາດລັນຄຳສັ່ງນີ້:

grep font <IMAGE_FILE_NAME> | sed 's/^.*font-family:\([^;]*\).*$/\1/'

ທ່ານສາມາດຂ້າມຊື່ຟອນ "serif" ແລະ "sans-serif" ໄດ້. ໃຫ້ແນ່ໃຈວ່າໄດ້ຕິດຕັ້ງຟອນຕ່າງໆທີ່ຍັງບໍ່ມີໃນລະບົບຂອງທ່ານ ເພື່ອໃຫ້ຮູບພາບສະແດງຜົນໄດ້ຢ່າງຖືກຕ້ອງທັງເທິງໜ້າຈໍ ແລະ ເມື່ອທ່ານສ້າງໄຟລ໌ JPG ໃນພາຍຫຼັງ.

ຮູບພາບພື້ນຫຼັງ

ທ່ານສາມາດຊອກຫາຮູບພາບທີ່ມີໃບອະນຸຍາດທີ່ເຂົ້າກັນໄດ້ຢູ່ທີ່ Unsplash, ຫຼື ທ່ານສາມາດລອງໃຊ້ເຄື່ອງມືຄົ້ນຫາຮູບພາບອື່ນໆ. ໃຫ້ແນ່ໃຈວ່າເລືອກສະເພາະຮູບພາບທີ່ມີໃບອະນຸຍາດ CC0, CC-BY, ຫຼື CC-BY-SA ເທົ່ານັ້ນ. (ຕ້ອງໄດ້ຮັບອະນຸຍາດໃຫ້ນຳໃຊ້ເພື່ອການຄ້າ ແລະ ການດັດແປງໄດ້.)

ຂະໜາດ

ກ່ອນທີ່ທ່ານຈະນຳຮູບພາບພື້ນຫຼັງຂອງທ່ານເຂົ້າໃນ SVG, ໃຫ້ປັບຂະໜາດ ແລະ ຕັດຂອບໂດຍໃຊ້ GIMP ຫຼື ເຄື່ອງມືແກ້ໄຂຮູບພາບອື່ນໆ ໃຫ້ມີຂະໜາດ 1890x800 ແລະ ຄຸນນະພາບ JPG ປະມານ 75-80%. ສິ່ງນີ້ຈະຊ່ວຍບໍ່ໃຫ້ໄຟລ໌ SVG ມີຂະໜາດໃຫຍ່ເກີນໄປ — ມັນຈະຊ່ວຍຫຼຸດຂະໜາດຈາກຫຼາຍ MB ໃຫ້ເຫຼືອພຽງແຕ່ບໍ່ກີ່ຮ້ອຍ KB.

ແມ່ແບບ SVG ປະກອບມີເສັ້ນແນວທາງເພື່ອບອກວ່າສ່ວນໃດຂອງຂອບຮູບພາບອາດຈະຖືກຕັດອອກ ເມື່ອບົດຄວາມຖືກແຊຣ໌ລົງໃນສື່ສັງຄົມອອນລາຍຕ່າງໆ. ສ່ວນທີ່ອາດຈະຖືກຕັດອອກແມ່ນປະມານ 10% ຂອງດ້ານຊ້າຍ ແລະ ຂວາ ແລະ ປະມານ 13% ຂອງດ້ານເທິງ ແລະ ລຸ່ມ. ໃນແມ່ແບບ SVG, ເສັ້ນແນວທາງຈະກຳນົດຂອບໄວ້ທີ່ 183 ພິກເຊວ ຢູ່ດ້ານຊ້າຍ ແລະ ຂວາ ແລະ 107 ພິກເຊວ ຢູ່ດ້ານເທິງ ແລະ ລຸ່ມ ສຳລັບຮູບພາບທີ່ມີຂະໜາດ 1890x800 ພິກເຊວ. ສິ່ງນີ້ຈະເຫຼືອພື້ນທີ່ພາຍໃນ 1524x586 ພິກເຊວ ເຊິ່ງເປັນໄລຍະທີ່ປອດໄພໃນການວາງຂໍ້ຄວາມ ໂດຍບໍ່ຕ້ອງກັງວົນວ່າມັນຈະຖືກຕັດອອກ ເມື່ອບົດຄວາມຖືກແຊຣ໌ໄປຍັງສື່ສັງຄົມອອນລາຍອື່ນໆ.

ຟອນ (Fonts)

ມີຟອນບາງຊະນິດທີ່ນິຍົມໃຊ້ໃນຮູບພາບເດັ່ນ. ພວກເຮົາແນະນຳໃຫ້ທ່ານໃຊ້ຟອນເຫຼົ່ານີ້ໃນຮູບພາບຂອງທ່ານ ເພື່ອຊ່ວຍໃຫ້ຮູບພາບເດັ່ນເຂົ້າກັບ "ຮູບແບບ" ທົ່ວໄປທີ່ຮູບອື່ນໆໃຊ້. ຟອນທັງໝົດເຫຼົ່ານີ້ສາມາດດາວໂຫຼດໄດ້ຟຣີຕາມລິ້ງທີ່ໃຫ້ໄວ້. ລາຍຊື່ຟອນທີ່ພວກເຮົາໃຊ້ເປັນປະຈຳໃນ Fedora Magazine ມີດັ່ງນີ້:

  1. Open Sans (ໂດຍສະເພາະແບບ "Light")

  2. Bungee (ໃຫ້ຄວາມຮູ້ສຶກທາງເຕັກນິກເລັກນ້ອຍແຕ່ມີຄວາມມ່ວນຊື່ນ)

  3. Oswald (ໃຫ້ຄວາມຮູ້ສຶກທີ່ເປັນທາງເຕັກນິກຫຼາຍຂຶ້ນ)

  4. Josefin Slab (ເປັນກັນເອງພ້ອມກັບຫົວຟອນແບບ serif)

  5. Zilla Slab (ເປັນກັນເອງພ້ອມກັບຫົວຟອນແບບ serif)

  6. Grand Hotel (ໃຫ້ຄວາມຮູ້ສຶກແບບຕົວຂຽນທີ່ສວຍງາມ)

  7. Montserrat (ເປັນກັນເອງ ແລະ ເປັນແບບ Sans)

  8. Roboto Slab (ເປັນກັນເອງພ້ອມກັບຫົວຟອນແບບ serif)

  9. Molot (ຟອນແບບໜາ, ໃຫ້ຄວາມຮູ້ສຶກທາງເຕັກນິກ)

ເພື່ອໃຊ້ຟອນເຫຼົ່ານີ້ໃນລະບົບ Fedora ຂອງທ່ານ, ໃຫ້ດາວໂຫຼດຟອນ ແລະ ແຕກໄຟລ໌ OTF ຫຼື TTF (ຖ້າຈຳເປັນ) ລົງໃນໂຟນເດີ ~/.fonts ຂອງທ່ານ. ຈາກນັ້ນອັບເດດ Font Cache ຂອງທ່ານ:

$ fc-cache

ຫຼື ໃນບ່ອນທີ່ມີແພັກເກັດຟອນຢູ່ແລ້ວ, ໃຫ້ຕິດຕັ້ງໂດຍໃຊ້ຕົວຈັດການແພັກເກັດ

$ dnf install open-sans-fonts vernnobile-oswald-fonts mozilla-zilla-slab-fonts astigmatic-grand-hotel-fonts julietaula-montserrat-fonts google-roboto-slab-fonts typetype-molot-fonts

ທ່ານຈະຕ້ອງປິດ ແລະ ເປີດ Inkscape, GIMP ຫຼື ແອັບພລິເຄຊັນອື່ນໆຄືນໃໝ່ ເພື່ອນຳໃຊ້ຟອນໃໝ່ເຫຼົ່ານັ້ນ.

ການກຽມວຽກຂອງທ່ານເພື່ອການກວດສອບ ແລະ ການນຳໃຊ້ໃນ WP Engine

ຮູບພາບທີ່ໃຊ້ໃນ WP Engine ແມ່ນຮູບພາບ JPG. ແຕ່ສຳລັບການນຳໃຊ້ຄືນ ຫຼື ການແກ້ໄຂ ແມ່ນຈະສະດວກກວ່າຫາກເຮັດໃນ SVG. ດ້ວຍເຫດນີ້, ທັງສອງຈຶ່ງຖືກເກັບໄວ້ໃນ WP Engine Media library.

ຂັ້ນທຳອິດ ໃຫ້ຊອກຫາ ຫຼື ສ້າງໄດເຣັກທໍຣີໃນລະບົບເຄື່ອງຂອງທ່ານ ເພື່ອບັນທຶກວຽກຂອງທ່ານລົງໄປ.

ການບັນທຶກໄຟລ໌ SVG ແມ່ນພຽງແຕ່ການບັນທຶກຮູບພາບລົງໃນໄດເຣັກທໍຣີພາຍໃນເຄື່ອງຂອງທ່ານ. ນີ້ແມ່ນສົມມຸດວ່າທ່ານໄດ້ບັນທຶກແມ່ແບບດ້ວຍຊື່ໃໝ່ຕັ້ງແຕ່ຕອນເລີ່ມຕົ້ນແລ້ວ. ຫາກຍັງບໍ່ທັນໄດ້ເຮັດ, ທ່ານສາມາດໃຊ້ຕົວເລືອກ "File > Save As…​" ໃນ Inkscape ໄດ້.

ເພື່ອສ້າງຮູບພາບ JPG ທ່ານຈະຕ້ອງສົ່ງອອກ (export) ຮູບພາບຂອງທ່ານໄປຍັງໄດເຣັກທໍຣີພາຍໃນເຄື່ອງ ໂດຍໃຊ້ຕົວເລືອກ "File > Export…​". ທຳອິດ, ເລືອກແຖບ "Page" ໃນໜ້າຕ່າງການສົ່ງອອກ ແລະ ຕັ້ງຄ່າ "Width (px)" ເປັນ 1890 ແລະ "Height (px)" ເປັນ 800. ຈາກນັ້ນກຳນົດປາຍທາງໄປຍັງໄດເຣັກທໍຣີພາຍໃນເຄື່ອງຂອງທ່ານ, ແລະ ຕັ້ງນາມສະກຸນໄຟລ໌ ແລະ ປະເພດໄຟລ໌ເປັນ JPEG. ສຸດທ້າຍ, ເລືອກ "Export". ຕອນນີ້ທ່ານຄວນມີທັງໄຟລ໌ SVG ແລະ JPG ທີ່ມີຊື່ດຽວກັນຢູ່ໃນໄດເຣັກທໍຣີຂອງທ່ານ.

ເມື່ອທ່ານພ້ອມທີ່ຈະໂພສວຽກຂອງທ່ານແລ້ວ, ໃຫ້ໃຊ້ JPG. ໂດຍທົ່ວໄປແລ້ວມັນຈະເປັນໄຟລ໌ທີ່ມີຂະໜາດນ້ອຍກວ່າ. ຕອນນີ້ທ່ານສາມາດໂພສຕົວຢ່າງຮູບພາບ "using-inkscape.jpg" ໃນສ່ວນຄວາມຄິດເຫັນຂອງຫົວຂໍ້ Discourse ຂອງບົດຄວາມຂອງທ່ານເພື່ອຮັບການກວດສອບ.

ຫາກຮູບພາບໄດ້ຮັບການອະນຸມັດ ແລະ ຫາກມັນອາດຈະຖືກນຳມາໃຊ້ຄືນໃນບົດຄວາມຕໍ່ໆໄປ, ໃຫ້ພິຈາລະນາການສ້າງ Pull request ໄປຍັງຄັງເກັບຂໍ້ມູນຕົ້ນທາງ (upstream repository) ເພື່ອເກັບຮັກສາວຽກຂອງທ່ານໄວ້ໃຊ້ຄືນ.

ໃຊ້ໄຟລ໌ JPG ເປັນຮູບພາບເດັ່ນ (Featured Image) ສຳລັບບົດຄວາມຂອງທ່ານ, ບໍ່ແມ່ນ SVG.

Want to help? Learn how to contribute to Fedora Docs ›