» » Create New Image Style in Drupal

Create New Image Style in Drupal

Secara default telah ada 3 gaya gambar yang terdapat pada drupal yaitu Thumbnail (100x100) Medium (220x220) dan Large (480x480). Selain itu juga terdapat tiga efek yang bisa kita terapkan pada setiap image style yang kita buat diantaranya, Crop, Destraute, Resize, Rotate, Scale, dan Scale and Crop.

Setiap content type gambar yang terdapat dalam Drupal ukurannya bisa diatur dan disesuaikan secara seragam. Dalam kasus tertentu pembuatan gaya baru untuk gambar ini sangat diperlukan, misal ketika akan membuat halaman artikel thumbnail menggunakan view bootstrap thumbnail, supaya gambar thumbnail yang ditampilkan ukurannya seragam maka dibuatlah image style baru dengan efek scale and crop, yang artinya setiap gambar akan di scale dan di crop secara otomatis ketika image tersebut diterapkan.

Untuk membuat style gambar baru di drupal disini Saya akan membuat gaya gambar baru dengan efek scale and crop. To Create New Image Style in Drupal, in this tutorial I want to create new image style with effect “scale and crop”
  1. Klik Configuration > Media > Image Style > Add New Style

    menambahkan style baru
  2. Pada bagian kolom style masukan nama style baru untuk gambar yang akan Anda buat misal “Thumbnail (400x267)”. In the column Style name insert your image style name
  3. Selanjutnya karena saya disini ingin menambahkan efek scale and crop maka Saya pilih Scale and Crop pada bagian efek. Because i want to give effect scale and crop, on the EFFECT I choose “Scale And Crop” 
    menambahkan effect scale and crop
  4. Selanjutnya klik Add dan Anda akan dihadapkan pada jendela berikut. For the next,  you will look the window

    menambahkan ukuran gambar
  5. Pada bagian width masukan lebar gambar yang Anda inginkan dan pada bagian height masukan tinggi gambar yang Anda inginkan lalu klik Add Effect. In the column width and height , insert width and height your new image style, then klik Add Effect

Sampai disini proses pembuatan image style baru telah selesai, nanti Anda akan melihat ada style atau ukuran gambar baru pada halaman image style. In here your image style has been completed

image style baru berhasil ditambahkan
 

11 Responses to "Create New Image Style in Drupal"

  1. Djangkaru BumiNovember 2, 2016 at 4:34 PM

    Sudah ada ukurannya ya ? Tapi ukuran itu merubah ukuran gambar upload kagak ?
    Karena aku paling suka dengan ukuran asli photo, setelah diupload baru aku bikin ukuran medium, kadang juga large.

    ReplyDelete
    Replies
    1. Maman AchmanNovember 3, 2016 at 3:31 PM

      Gambar ukuran besar memang terlihat lebih keren di blog mas, saya aja akhir2 ini pake gambar large atau original size...

      Delete
    2. Ahmad ZaelaniNovember 5, 2016 at 3:24 PM

      tergantung sih,, bisa kita settings ke original,, atau dibuat seragam semuanya,,, kalau di drupal banyak pengaturannya,, fotonya ada yang buat thumbnailnya dan ada juga yang buat artikelnya,,, jadi ukuran bisa diseuikan dan tidak perlu repot2 banyak setings setelah uploag gambar postingan... :D

      Delete

Komentar yang Anda kirim akan terlebih dahulu di moderasi oleh Admin

Subscribe to:Post Comments (Atom)
mahjongways menghadirkan evolusi visual digital melalui perpaduan animasi adaptif dan teknologi antarmuka modernintegrasi teknologi real time mengubah cara platform digital mengelola interaksi dan respons penggunaperan random number generator menjaga independensi hasil pada sistem permainan digital modernmengenal cara mahjongways mengembangkan pengalaman interaktif melalui sistem respons simbol dan desain grafis digitalarsitektur microservices menjadi fondasi penting dalam membangun infrastruktur platform digital yang lebih fleksibelmengenal volatilitas dan distribusi hasil dalam karakteristik matematis permainan digital berbasis rngmahjong ways dan evolusi budaya digital melalui perpaduan warisan tradisional dengan teknologi interaktif moderntransformasi infrastruktur digital memperlihatkan peran penting otomatisasi dalam menjaga stabilitas sistemmahjongways memperlihatkan perkembangan desain permainan digital melalui optimalisasi animasi dan transisi visualgame pg soft dan perubahan standar desain visual dalam industri hiburan digitalmengapa game pg soft sering dibahas dalam perkembangan permainan berbasis smartphonedi balik game pg soft bagaimana teknologi animasi membentuk pengalaman penggunagame pg soft dalam sorotan perbedaan antara fitur interaktif dan mekanisme acakketika tampilan game pg soft menjadi bahan diskusi tentang psikologi warnamengulas game pg soft dari sisi perkembangan antarmuka dan kenyamanan navigasigame pg soft dan tantangan membedakan informasi resmi dari klaim komunitasbagaimana game pg soft mengadaptasi elemen budaya dalam konsep visual permainangame pg soft dan pentingnya memahami perbedaan antara rtp serta hasil sesaatfenomena konten video pendek yang membentuk persepsi publik tentang game pg softgame online dan fenomena munculnya pemimpin komunitas dari kalangan pemain biasamengapa sistem reputasi menjadi bagian penting dalam interaksi game onlineketika game online menghadirkan tantangan baru dalam menjaga etika komunikasiperubahan pola kerja sama tim menjadi sorotan dalam perkembangan game onlinegame online dan peran sistem moderasi dalam membangun lingkungan bermain yang sehatbagaimana game online menghubungkan komunitas kecil menjadi jaringan globalfenomena pemain game online yang mengembangkan keterampilan organisasi komunitasgame online dalam kajian perubahan kebiasaan sosial di ruang virtualmengapa transparansi sistem peringkat menjadi perhatian dalam komunitas game onlineketika game online menjadi ruang kreatif bagi pembuat konten dan pemaingame digital dan perubahan cara pengembang membangun dunia virtual yang realistismengapa teknologi haptic feedback menjadi pembahasan menarik dalam game digitalketika game digital menghadirkan karakter yang bereaksi terhadap keputusan pemainperan pencahayaan dinamis dalam membangun suasana permainan game digitalgame digital dan tantangan menjaga identitas seni di tengah perkembangan aibagaimana sistem penyimpanan cloud mengubah pengalaman mengakses game digitalfenomena game digital yang mengangkat cerita rakyat menjadi petualangan interaktifgame digital dalam sorotan perubahan cara studio indie mengembangkan karyamengapa pelestarian game digital lama menjadi topik penting dalam arsip teknologiketika game digital digunakan untuk mengenalkan konsep sains melalui simulasigates of olympus dan kisah mitologi zeus yang diadaptasi menjadi hiburan digitalmengapa sweet bonanza menggunakan tema permen dalam membangun identitas visual gamestarlight princess dan peran karakter fantasi dalam perkembangan desain slot modernfenomena big bass bonanza yang menggabungkan tema memancing dengan mekanisme permainansugar rush 1000 dan cara animasi warna warni membentuk pengalaman visual penggunamengenal the dog house megaways dari sisi desain karakter dan variasi fitur gamegates of hades mengangkat dunia bawah mitologi yunani ke dalam konsep permainan digitaldi balik sweet rush bonanza ada konsep pengali yang menarik dibahas secara matematisfortune of olympus dan perbedaan desain mekanisme permainan bertema dewa yunanimengapa gates of olympus 2500 menarik dikaji dari sisi evolusi seri game digital