jpg или png для UIImage — который более эффективен?

$('form').on('change', function() {
  $('#ordersdetailpartyloafweightID option').prop('disabled', false);
  var pl1 = document.getElementById('ordersdetailID_portion').value; // partyloafportionID

  if (pl1 == "1") {

    console.log('ID_portion:', pl1);
    $('#ordersdetailpartyloafweightID option[value="1"]').prop('disabled', false);
    $('#ordersdetailpartyloafweightID option[value="2"]').prop('disabled', true);
    $('#ordersdetailpartyloafweightID option[value="3"]').prop('disabled', true);
    $('#ordersdetailpartyloafweightID option[value="4"]').prop('disabled', true);
    $('#ordersdetailpartyloafweightID option[value="5"]').prop('disabled', true);

  } else if (pl1 == "2") {

    console.log('ID_portion:', pl1);
    $('#ordersdetailpartyloafweightID option[value="1"]').prop('disabled', true);
    $('#ordersdetailpartyloafweightID option[value="2"]').prop('disabled', false);
    $('#ordersdetailpartyloafweightID option[value="3"]').prop('disabled', true);
    $('#ordersdetailpartyloafweightID option[value="4"]').prop('disabled', true);
    $('#ordersdetailpartyloafweightID option[value="5"]').prop('disabled', true);

  } else if (pl1 == "3") {

    console.log('ID_portion:', pl1);
    $('#ordersdetailpartyloafweightID option[value="1"]').prop('disabled', true);
    $('#ordersdetailpartyloafweightID option[value="2"]').prop('disabled', true);
    $('#ordersdetailpartyloafweightID option[value="3"]').prop('disabled', false);
    $('#ordersdetailpartyloafweightID option[value="4"]').prop('disabled', true);
    $('#ordersdetailpartyloafweightID option[value="5"]').prop('disabled', true);

  } else if (pl1 == "4") {

    console.log('ID_portion:', pl1);
    $('#ordersdetailpartyloafweightID option[value="1"]').prop('disabled', true);
    $('#ordersdetailpartyloafweightID option[value="2"]').prop('disabled', true);
    $('#ordersdetailpartyloafweightID option[value="3"]').prop('disabled', true);
    $('#ordersdetailpartyloafweightID option[value="4"]').prop('disabled', false);
    $('#ordersdetailpartyloafweightID option[value="5"]').prop('disabled', false);

  }

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
  <select id="ordersdetailID_portion" name="child-ID_portion" class="form-control select2  select2-hidden-accessible" tabindex="-1" aria-hidden="true" required="">
    <option value="">** Veuillez saisir une option Nombre de sandwiches</option>
    <option value="4">100</option>
    <option value="1">30</option>
    <option value="2">60</option>
    <option value="3">80</option>
  </select>

  <select id="ordersdetailpartyloafweightID" name="child-partyloafweightID" class="form-control select2  select2-hidden-accessible" tabindex="-1" aria-hidden="true" required="">
    <option value="">** Please choose the appropriate weight</option>
    <option value="2">1 Kg</option>
    <option value="3">1.5 Kg</option>
    <option value="4">2 Kg</option>
    <option value="5">2.5 Kg</option>
    <option value="1">600 g</option>
  </select>
</form>